Question

我读到了关于如何在悬停时打开下拉菜单的问题，这是一个很好的解决方案，但是我想让导航员在进入“下拉菜单”ul时保持“开放”课程。这是我的问题的jsfiddle http://jsfiddle.net/someyoungideas/29txm/。

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

Answer 1

解决您的问题的一种方法是使用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

Twitter Bootstrap Dropdown Hover打开并保持活动状态

1 个答案: