如何使Bootstrap的下拉菜單處於懸停狀態？

Question

如何使twitter引導程序的菜單下拉菜單處於懸停狀態而不是點擊？

Answer 1

雖然How to make twitter bootstrap menu dropdown on hover rather than click已經被提升了很多，但使用更新版本的Bootstrap，無需破解它。

http://cameronspear.com/blog/twitter-bootstrap-dropdown-on-hover-plugin/是現有dropdown.js的替代品，並允許您啓用懸停。不需要CSS修改。

Answer 2

繼承人我使用來獲取導航欄下拉菜單的功能滑下懸停，而不是僅僅在

$('.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 下拉菜單大跌眼鏡上鼠標懸停。在點擊

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

2.Hide 下拉菜單。

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

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