ajax加载后绑定的事件失效

stefan 发布于2019-08-21 15:27 / 1183人阅读

摘要：删除删除删除删除加载数据问题现在对添加事件当然先引入如果然后点击加载数据之后，上面的操作就会对新加载的数据失效。解决方法利用事件委托的方法即可解决这个问题。如有不对之处，请大家指正。

现在对$(".btn")添加事件,当然先引入jquery.js;
如果：

$(".btn").on("click", function (){
  $(this).parent().remove();
});

然后点击$(".add-btn")加载数据之后，上面的操作就会对新加载的数据失效。

利用事件委托的方法：

$("body").on("click", ".btn", function (){
  $(this).parent().remove();
});

即可解决这个问题。

本文属于原创文案，转载请添加本文链接，多谢合作。
如有不对之处，请大家指正。

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88189.html

前端培训-中级阶段（9）- 原生Ajax的运行原理与实现（2019-08-08期）

摘要：前端最基础的就是。的原理浏览器发送请求，服务器给出响应。保持之前的界面不变化。的核心创建一个对象，用于发起请求设置为请求，请求发送请求。前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 ajax ...

anonymoussf 2019-08-02 15:34 评论0 收藏0
前端培训-中级阶段（9）- 原生Ajax的运行原理与实现（2019-08-08期）

摘要：前端最基础的就是。的原理浏览器发送请求，服务器给出响应。保持之前的界面不变化。的核心创建一个对象，用于发起请求设置为请求，请求发送请求。前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。 ajax ...

TANKING 2019-08-26 10:09 评论0 收藏0
js面试题（中）

摘要：引用计数这是最简单的垃圾收集算法。然而，引用计数算法考虑到它们互相都有至少一次引用，所以它们不会被回收。事件代理发生在冒泡阶段。为时取消事件默认行为，为时取消时间传播通常利用事件冒泡机制托管事件处理程序提高程序性能。 JS延迟加载的方式有哪些？ JS的延迟加载有助与提高页面的加载速度。defer和async、动态创建DOM方式（用得最多）、按需异步载入JSdefer：延迟脚本。立即下载...

DevTalking 2019-08-23 15:35 评论0 收藏0
jQuery最佳实践

摘要：链式操作使用链式操作代替变量缓存和多次操作每当链长超过个链接或得到，因为活动任务的复杂，使用适当的换行和缩进使代码的可读性。对于较长的链式操作可以把对象缓存到一个变量里。原文地址：http://lab.abhinayrathore.com/jquery-standards/ 第一次翻译，有不对不妥的地方请拍砖。showImg(http://segmentfault.com/img/b...

wizChen 2019-08-21 12:13 评论0 收藏0