我不明白为什么 href
不能处理 data-toggle="dropdown"
的 a
标签。当我点击 Lists
选项卡时,我应该会转到 google
网站。
简单的 HTML:
<div class="btn-group">
<a href="http://google.com" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Lists</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="#">Sub List 1</a>
</li>
<li>
<a href="#">Sub List 2</a>
</li>
</ul>
</div>
最佳答案
来自 Bootstrap 文档 (http://getbootstrap.com/javascript/#dropdowns ):
To keep URLs intact with link buttons, use the data-target attribute instead of href="#".
所以你的代码应该是
<a data-target="http://www.google.es" target="_blank" href="http://www.google.es" class="btn btn-default dropdown-toggle">Lists</a>
<ul class="dropdown-menu" role="menu">
<li>
<a href="#">Sub List 1</a>
</li>
<li>
<a href="#">Sub List 2</a>
</li>
</ul>
此外,您可以找到有关如何使用悬停而不是单击来获取菜单下拉列表的更多信息:How to make twitter bootstrap menu dropdown on hover rather than click
关于javascript - href 不适用于下拉切换 - bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34122048/