bootstrap下拉只能点击

问题描述：

我有一个下拉菜单与bootstrap3实现，我想使下拉菜单仅在点击而不是悬停时可见。我此刻代码：bootstrap下拉只能点击

<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>

我找到了一些答案，其中有人说，如果我使用disabled在a class则下拉菜单将仅适用于点击，而不是徘徊。不幸的是，代码无法正常工作。我想答案已经过时了。

截至2016年，解决此问题的首选方法是什么？

您是否试过运行'$（“＃without-avatar”）。off（“hover”）'？ –

托尼，我还没有尝试过任何js/jquery，因为我猜应该有一种引导方式来解决这个问题。 –

查看http://getbootstrap.com/javascript/#dropdowns它在选项中没有“none”，所以看起来没有任何固有支持禁用/启用悬停。 –

答

在悬停时，引导下拉列表不下移。请检查封闭元素上的代码以查找定义有问题的悬停事件的位置。

bootstrap下拉只能点击

相关推荐