如何使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/