javascript - 添加jQuery代码后锚点不起作用

Question

这可能是一个初学者的问题，但在添加 jquery 代码以动画我的锚的背景后，我无法让我的链接工作。这是标记：

<ul class="nav">
<li> <span id="background"> </span><span id="active"></span><a href="page1.html"     class="active">page 1</a> </li>
<li> <a href="page2.html">page 2</a> </li>
</ul>

这是jquery代码：

 $("ul.nav a").click(function () {
      $("span#background").fadeIn(800, function () {});
      $("#active").animate({left: "+=2410"}, 950)     
      return false;
    }); 

“跨度”元素通过 css 具有背景图像，并动态放置在活动<li>元素中。因此，活动链接获得了背景和动画图像。现在，当尝试单击第 2 页的链接时，正确的目标 URL 出现在浏览器中，但链接不起作用。可能正常的锚点动作受到 jquery 代码的干扰。有什么我忽略的吗？

这是最基本的测试页

感谢任何有线索的人！

Answer 1

return false杀死点击并阻止它触发。

Answer 2

你应该使用

$("ul.nav a").click(function (e) {
      e.preventDefault();
      $("span#background").fadeIn(800, function () {});
      $("#active").animate({left: "+=2410"}, 950)     
    });