所以,我正在为我的网站使用 twitter 引导程序。我制作了一个导航菜单,其中一项应该是下拉菜单。我希望当您将鼠标悬停在该项目上时发生这种情况。Twitter Boostrap 不支持这一点。所以我找到了一个应该做的插件。
http://cameronspear.com/blog/twitter-bootstrap-dropdown-on-hover-plugin/
这个^就是那个。但是..由于某种原因,我不明白我需要把这段代码放在哪里..
抱歉,我对此有点陌生。
编辑:标题
所以,我正在为我的网站使用 twitter 引导程序。我制作了一个导航菜单,其中一项应该是下拉菜单。我希望当您将鼠标悬停在该项目上时发生这种情况。Twitter Boostrap 不支持这一点。所以我找到了一个应该做的插件。
http://cameronspear.com/blog/twitter-bootstrap-dropdown-on-hover-plugin/
这个^就是那个。但是..由于某种原因,我不明白我需要把这段代码放在哪里..
抱歉,我对此有点陌生。
编辑:标题
直接在您提供的网站上解释了如何实现此插件。包含他的插件 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>