带悬停的引导下拉菜单

Question

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

我已经设置了一个导航栏，其中包含一些下拉菜单（使用 class="dropdown-toggle" data-toggle="dropdown" ），它工作正常。

问题是它可以工作“ onClick ”，而我更喜欢它是否可以工作“ onHover ”。

有没有内置的方法可以做到这一点？

原文由 Dr.Kameleon 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

工作小提琴

原文由 brbcoding 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

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

原文由 Mark Williams 发布，翻译遵循 CC BY-SA 3.0 许可协议