Twitter Bootstrap Dropdown懸停打開並保持活動

我讀到如何讓下拉打開懸停這是一個很好的解決方案，但是我想讓nav li在下拉時保持「打開」類「下拉菜單」ul。這是我的問題jsfiddle http://jsfiddle.net/someyoungideas/29txm/。Twitter Bootstrap Dropdown懸停打開並保持活動

<div class="navbar"> 
    <div class="navbar-inner"> 
     <ul class="nav"> 
      <li class="dropdown"> 
       <a class="dropdown-toggle" data-toggle="dropdown" href="#">Help</a> 
        <ul class="dropdown-menu"> 
         <li><a href="#">New Item</a></li> 
        </ul>       
      </li> 
     </ul> 
    </div> 
</div>

來源

2012-12-27 someyoungideas

解決您的疑慮的一種方法是利用github上的twitter-bootstrap-hover-dropdown plugin。該插件也是舊問題中的答案之一：https://stackoverflow.com/a/12851616/538962。

請注意使用data-hover="dropdown"來調用插件。

<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" 
data-delay="1000" data-close-others="false">Help</a>

這裏是工作示例：
http://jsbin.com/xuwokuva/1

來源

2013-05-31 23:00:15 mg1075

插件現在似乎被打破？ jsfiddle也不起作用。但我發現另一個解決方法http://stackoverflow.com/questions/8878033/how-to-make-twitter-bootstrap-menu-dropdown-on-hover-rather-than-click/12851616#12851616這是簡單而有效的。 – newman

@miliu - 我已經刪除了對舊的jsfiddle示例的引用，並使用最新版本的插件和引導更新爲jsbin示例。將鼠標懸停在「下拉」鏈接上，您應該能夠看到效果。 – mg1075

Twitter Bootstrap Dropdown懸停打開並保持活動

回答

相關問題