2016-03-03 99 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

在懸停時,引導下拉列表不下移。請檢查封閉元素上的代碼以查找定義有問題的懸停事件的位置。