2016-03-03 56 views
0

我有一个下拉菜单与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> 

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

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

+0

您是否试过运行'$(“#without-avatar”)。off(“hover”)'? –

+0

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

+0

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

回答

1

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