带悬停的引导下拉列表

javascript jquery html css twitter-bootstrap

2022-08-30 01:05:57

好吧，所以我需要的是相当简单的。

我已经设置了一个带有一些下拉菜单的导航栏（使用），并且它工作正常。class="dropdown-toggle" data-toggle="dropdown"

问题是它工作“”，而我宁愿它是否工作“”。onClickonHover

是否有任何内置方法可以做到这一点？

答案 1

最简单的解决方案是CSS。添加类似...

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }

答案 2

最好的方法是用悬停触发引导单击事件。这样，它仍然应该保持触摸设备友好

$('.dropdown').hover(function(){ 
  $('.dropdown-toggle', this).trigger('click'); 
});