Question

我使用了引导主题，我根据自己的需要对其进行了编辑。内部链接（在同一页面上）正在工作，但外部链接不能用鼠标左键单击。当我右键单击并在另一个选项卡中打开一个链接时，它确实有效。我不知道我做错了什么，因为我没有大规模破坏代码，只是根据我的需要编辑它（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>

与＃infront的链接确实有效，但外部却没有。

任何人都知道如何解决这个问题？

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插件。

Answer 2

在某个地方有一个点击处理程序，其代码阻止了点击工作。我猜这是邪恶的路线，我真的不知道确定我没有通过你所有的js文件：

jQuery('#nav').singlePageNav({

我不知道singlePageNav()做了什么，但我愿意打赌这可能是根本原因

我不会搜索整个代码来查找它，但我确实知道这是正在发生的事情。如果你进入控制台并输入：

$('#nav li a').off('click');

然后链接恢复正常工作。

这可以追溯到我最初的评论，这里没有任何错误，还有其他事情发生。在这种情况下，您可以在其他位置使用其他代码来锁定这些链接，从而阻止它们正常工作。

Bootstrap菜单链接不可点击

2 个答案: