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

标签 javascript jquery html

这可能是初学者的问题,但在添加 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

感谢任何有线索的人!

最佳答案

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

关于javascript - 添加 jquery 代码后 anchor 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10862467/

相关文章:

javascript - 根据同一对象的其他属性设置属性值

jquery - 获取 div 内第一个跨度的背景颜色

javascript - 如何将 javascript 字符串拆分成最多 2 个部分?

javascript - 处理 reactjs .reduce 中的空值

c# - 检查 javascript 函数中的 c# 函数是否为 true

jquery - div 中的相关边距

javascript - 未处理由ajax post发送的php查询

html - 缩放 div,使其始终保持其纵横比并保持居中

javascript - 如何在有背景图片的 Canvas 上添加 'hidden' 网格?

javascript - 复选框事件未使用 jquery 触发