Question

所以，我正在为我的网站使用twitter bootstrap。我已经制作了一个导航菜单，其中一个项目应该是下拉列表。当你将鼠标悬停在项目上时，我希望这种情况发生。 Twitter Boostrap不支持此功能。所以我找到了一个插件，应该这样做。

http://cameronspear.com/blog/twitter-bootstrap-dropdown-on-hover-plugin/

这是^。但是..出于某种原因，我不明白我需要把这段代码放在哪里..

对不起，我对此很陌生。

编辑：标题

Answer 1

直接在您提供的网站上解释了如何实施此插件。在你包含他的插件javascript后，你需要做的就是：

标记必须与Bootstrap下拉列表中的标记相同，然后要激活，只需添加data-hover="dropdown"，即可添加data-toggle="dropdown".

这是在他的帖子底部，评论正上方附近解释的。希望这有帮助！

编辑：这是他网站上的代码示例：

<li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="false">
        Account <b class="caret"></b>
    </a>
    <ul class="dropdown-menu">
        <li><a tabindex="-1" href="#">My Account</a></li>
        <li class="divider"></li>
        <li><a tabindex="-1" href="#">Change Email</a></li>
        <li><a tabindex="-1" href="#">Change Password</a></li>
        <li class="divider"></li>
        <li><a tabindex="-1" href="#">Logout</a></li>
    </ul>
</li>

如何使用Twitter bootstrap插件

1 个答案: