Question

在我为我的爱好做的网站上我有以下问题。站点顶部的菜单中有4个项目。其中3个指向主页面上的锚点，但第4个指向外部页面。

但是点击时第4个不起作用。单击它时没有任何操作，当您右键单击它并选择在新选项卡中打开或在新窗口中打开时，它会打开需要在新选项卡或窗口中打开的页面。

但通常的左键单击没有做任何事情。

我用于菜单的代码如下：

<!-- Nav Starts -->
            <div class="navbar-collapse  collapse">
              <ul class="nav navbar-nav navbar-right scroll">
                <li class="active"><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#works">Works</a></li>
                <li><a target="_top" href="http://www.vignorama.be/blog/index.html">Blog</a></li>
                <li><br>
                </li>
                <li><br>
                </li>
              </ul>
            </div>
            <!-- #Nav Ends -->

它可能是我忽略的一些愚蠢的东西，但它已经让我头脑干了2天了

谁能帮我解决问题？

Answer 1

我最好的选择是你有一个Javascript或Jquery onClick事件处理程序，你正在做类似的事情

e.preventDefault();

阻止加载页面。

我认为这是你正在做的事，因为其他链接是导航链接。那是我最好的选择。

修改

好吧，我的猜测似乎是正确的。这是你能做的：

将课程添加到外部链接<li><a target="_top" class="external" href="http://www.vignorama.be/blog/index.html">Blog</a></li>
在您的Javascript / Jquery上检查链接是否包含此类，以及是否不执行e.preventDefault();。

Jquery的

$("a").click(function(e) {
  if(!$(this).hasClass("external")) {
    e.preventDefault();
  }
  // Your other codes
});

Answer 2

当时很可能只是对您的互联网连接或网站服务器连接，因为该链接目前正在为其他所有人工作。

单击

2 个答案:

修改

Jquery的