javascript - Bootstrap 菜单链接不可点击

Question

我正在使用 Bootstrap 主题，并且我根据自己的需要对其进行了编辑。内部链接(在同一页面上)可以使用，但不能用鼠标左键单击外部链接。当我右键单击并在不同的选项卡中打开链接时，它确实有效。我不知道我做错了什么，因为我没有大规模破坏代码，只是根据我的需要对其进行了编辑(link)。

<li><a href="#body">Home</a></li>
<li><a href="#info">information</a></li>
<li><a href="#server">Server</a></li>
<li><a href="#packages">packages</a></li>
<li><a href="//xxxxx">forum</a></li>
<li><a href="//xxxxx/">Donate</a></li>

前面带 # 的链接有效，但外部链接无效。

有人知道如何解决这个问题吗？

Answer 1

当您使用 singlePageNav() 函数时，您只需将 external 类添加到外部链接即可。

更新的 HTML

<li><a href="#body" class="current">Home</a></li>
<li><a href="#info" class="">information</a></li>
<li><a href="#server" class="">Server</a></li>
<li><a href="#packages" class="">packages</a></li>
<li><a href="http://forum.lvcnr.org/forum.php" class="external">forum</a></li>
<li><a href="http://donate.lvcnr.org/" class="external">Donate</a></li>

希望这会奏效。

有关更多信息，请参阅 example同样的 single-page-nav插件。