javascript – jquery – 在页面完全加载并绑定点击事件之前阻止特定链接

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jquery – 在页面完全加载并绑定点击事件之前阻止特定链接，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含928字，纯文字阅读大概需要2分钟。

内容图文

我有一个用jquery编写的模态对话框插件,它绑定到所有< a>的click事件.具有特定类的元素.

模态对话框通过AJAX“获取”页面,AJAX在< a>的’href’参数下声明.元件.

一切正常,但是 – 当用户点击< a>时页面完全加载并准备就绪之前的链接(在将click事件绑定到元素之前) – 浏览器导航到’href’参数中声明的页面.

有关如何防止这种行为的任何想法？理想的情况是在页面完全加载之前忽略对这些元素的点击.客户端性能至关重要.

解决方法:

如果您需要避免内联脚本,那么您可以利用jQuery的live() method来绑定尚未添加到DOM的元素的事件处理程序：

1)确保在< head>中包含jQuery.而不是< body>,因为我们需要在创建正文中的任何元素之前启动以下代码.

2)包括以下内容,也包括在< head>中. (例如,作为外部js文件)：

$("a").live("click", function(){// Use a more specific selector than "a" if poss.
  getAjax( // This is your Ajax function. Adapt as required.
      $(this).attr('href') // Pass in the <a>'s href attribute.
  );
  return false; // Cancel the default click handler, to prevent page redirect.
});

内容总结

以上是互联网集市为您收集整理的javascript – jquery – 在页面完全加载并绑定点击事件之前阻止特定链接全部内容，希望文章能够帮你解决javascript – jquery – 在页面完全加载并绑定点击事件之前阻止特定链接所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端