带有悬停的Bootstrap 下拉菜单?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (23)

我设置了一个导航栏,里面有一些下拉菜单(使用class="dropdown-toggle" data-toggle="dropdown"

“onClick”有效,而我更喜欢“onHover”。

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

提问于
用户回答回答于

在CSS中。添加

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

Fiddle

用户回答回答于

触发带有悬停的bootstrap点击事件。这样

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

扫码关注云+社区