添加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;
    }); 

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

this is the bare bones testpage

感谢任何有线索的人！

Answer 1

return false会杀死点击并阻止其发射。

Answer 2

你应该使用

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