Geek asks and answers

JQuery combining focus and hover

I am trying to use the focus event on a list item. it works with freezing but not focused! Do you have an idea?

$('#main-menu ul.rubriques li')
.hover(function() {
$(this).addClass('active').find('ul').show();                    
})
.focus(function() {
$(this).addClass('active').find('ul').show();                    
});

I am trying to change my code: and find a solution;););)

  $('#main-menu ul.rubriques li a')
.hover(function() { $(this).parent().addClass('active').find('ul').show();                   
})
.focus(function() { $(this).parent().addClass('active').find('ul').show();                   
});

thank! all!

+3
source share
6 answers

Focus for <input/>elements and <a/>links ...

+3
source

Only focus inputs, textareasand anchorscan focus.

In addition, you are missing )after hover()part

$('#main-menu ul.rubriques li').hover(function() {
    $(this).addClass('active').find('ul').show();                    
}).focus(function() {
    $(this).addClass('active').find('ul').show();                    
});

Update - as @vittore pointed out , lican get focus if you have assignedtab-index

+2
source

:

$('#main-menu ul.rubriques li').bind('hover focus', function() {
    $(this).addClass('active').find('ul').show();                    
});

, michelgotta, li, - http://api.jquery.com/focus/

+2

, , tab-index , -

0

- , , , , .

http://api.jquery.com/focus/

?

- li,

$('#main-menu ul.rubriques li').hover(function() {
  $(this).addClass('active').find('ul').show().css({'border':'1px solid #ff2200','background-color':'#ffcc00'});
});

, . .

0

: ;););)

  $('#main-menu ul.rubriques li a')
.hover(function() { $(this).parent().addClass('active').find('ul').show();                   
})
.focus(function() { $(this).parent().addClass('active').find('ul').show();                   
});

! !

0

More articles:


All Articles