【发布时间】：2016-03-04 04:21:18
【问题描述】：
我有一个使用 bootstrap3 实现的下拉菜单，我想让下拉菜单仅在点击时可见，而不是悬停。我现在的代码：
<li class="dropdown">
<a href="#" class="dropdown-toggle disabled" id="without-avatar" data-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-lg fa-bars"></i>
</a>
<ul class = "dropdown-menu">
<li>......</li>
......
</ul>
</li>
我找到了一些答案，如果我在a class 上使用disabled，那么下拉菜单将仅在单击而不是悬停时可用。不幸的是，代码不起作用。我猜答案已经过时了。
截至 2016 年，解决此问题的首选方法是什么？
【问题讨论】：
-
你试过运行
$("#without-avatar").off("hover")吗？ -
托尼，我没有尝试过任何 js/jquery，因为我想应该有一种引导方法来解决这个问题。
-
查看getbootstrap.com/javascript/#dropdowns，它的选项中有“none”，因此似乎没有任何对禁用/启用悬停的固有支持。
-
你能在 jsfiddle 中重现这个吗？我创建了一个，它在悬停时没有任何作用......
-
点击后有什么作用吗？
标签： jquery html css twitter-bootstrap twitter-bootstrap-3