Question

我正在修改一个包含以下代码菜单的网站：

<h3>Menu</h3>
<ul class="nav">
    <li><a data-scroll href="#home">Home</a></li>
    <li><a data-scroll href="#services">Service</a></li>
    <li><a data-scroll href="#contact">Contact</a></li>
</ul>

当用户点击这些链接时，用户将被带到该页面上的相应部分。我需要修改它以允许不指向同一页面的链接。我尝试了显而易见的事实：

<h3>Menu</h3>
<ul class="nav">
    <li><a href="http://www.google.com">Google</a></li>
</ul>

但它不起作用。状态栏显示正确的链接，但是当我单击页面时不会更改。是否需要添加任何特殊代码（页面其他位置的链接工作正常）。

Answer 1

As we discussed, Javascript (specifically jQuery preventDefault) can override the default behavior of an anchor (that is to say, follow it). Therefore, check all Javascript for this situation.

Also, a link MUST have an http:// in front of it, to define the resource type. Links only work on the same page or domain if there isn't one.

Answer 2

我很清楚

<a href="www.google.com">Google</a>

不会起作用，因为你应该这样写：

<a href="http://www.google.com">Google</a>

尝试一下，如果答案不是这样，那么您应该与我们分享您在网站上做的其他事情，我们无法通过您与我们分享的片段进行简单的想象。

更改从同一页面滚动到指向不同页面的链接

2 个答案: