Come rendere il dropdown di Bootstrap su hover?

Question

Come faccio a fare in modo che il menu a discesa di twitter bootstrap sia posizionato al passaggio del mouse anziché un clic?

Answer 1

Mentre il How to make twitter bootstrap menu dropdown on hover rather than click è stato aumentato molto, con le versioni più recenti di Bootstrap, non c'è bisogno di hackerarlo.

http://cameronspear.com/blog/twitter-bootstrap-dropdown-on-hover-plugin/ è un sostituto per il dropdown.js esistente e consente di attivare al passaggio del mouse. Non sono richieste modifiche CSS.

Answer 2

heres una funzione che sto usando per ottenere menu di scorrimento barra di navigazione per scorrere verso il basso al passaggio del mouse invece di popping in

$('.navbar .dropdown').hover(function() { 
    $(this).find('.dropdown-menu').first().stop(true, true).delay(250).slideDown(); 
}, function() { 
    $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp() 
}); 

Answer 3

1.Hide discesa menu su mouseover.

$(document).ready(function() { 
    $('.nav li.dropdown').hover(function() { 
     $(this).addClass('open'); 
    }, function() { 
     $(this).removeClass('open'); 
    }); 
}); 

2.Hide discesa menu su click.

$(document).ready(function() { 
    $('.nav li.dropdown').hover(function() { 
     $(this).addClass('open'); 
    }); 
}); 

http://jsfiddle.net/7yMsQ/1/