javascript - 添加 jquery 代码后 anchor 不起作用

Question

这可能是初学者的问题，但在添加 jquery 代码来为 anchor 的背景设置动画后，我无法使链接正常工作。这是标记:

<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，但该链接不起作用。正常的 anchor 操作可能受到 jquery 代码的干扰。有什么我忽略的吗？

this is the bare bones testpage

感谢任何有线索的人!

Answer 1

return false 会终止点击并阻止其触发。