javascript - Bootstrap 下拉菜单 : Anchor tag used as Bootstrap dropdown button keeps its default behaviour

Question

我有以下代码，我在 Bootstrap 下拉列表中使用 anchor 标记而不是按钮。问题是，不管怎么说here ，当我点击 Anchor 标签(标记为 Action)时，浏览器会打开 Anchor 标签，而不仅仅是打开菜单。换句话说， anchor 标记的默认行为没有被阻止。

我们使用 Bootstrap v3，这不会在所有环境中发生，只是现在在产品中，有时在我的本地机器上。所有已知的浏览器都会发生这种情况，即桌面版的 Chrome、IE、FF，非桌面版没有此功能，因此我们没有在那里进行测试。

<div class="dropdown btn-group">
<a class="btn dropdown-toggle" role="button" data-toggle="dropdown" href="#">
  Action <span class="caret"></span>
</a>
<ul class="dropdown-menu">
  <li><a href="#">Foo</a></li>
  <li><a href="#">Bar</a></li>
</ul>

最后我们使用下面的代码行来取消默认行为，但是我们一直没有弄清楚这种情况只在一个环境中发生而不在其他环境中发生的根本原因:

$(".btn.dropdown-toggle").click(函数(事件){ event.preventDefault();})

Answer 1

为什么需要 href="#"？

使用 href="" 而不是 href="#"。