jQuery使用bind动态绑定事件无效的处理方法
2019/6/26 23:18:53
本文主要是介绍jQuery使用bind动态绑定事件无效的处理方法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
最近在进行页面开发,在做页面特效的时候,需要给一个动态加载的按钮赋予一个事件
于是不假思索的 用$(obj).bind();
来绑定事件 。
但是这样存在一个问题:
bind
确实能绑定事件,但是那是相对于固定的html标签来说
当页面内容属于动态加载的时候,bind事件就存在一个bug, 只能bind一次,当你第二次触发事件的时候就没用了
例如:
我给<a>
标签赋予一个click
, <a>标签包括内容都是从后台数据读取然后动态加载的。当我使用bind
来绑定click
事件,这时, 第一次点击click
能成功触发
但是第二次点击,click
事件无效了.
后面研究发现,jQuery还有个绑定事件的方法:delegate()
; 用法如下:
$(".sentnum-box").delegate(".a-add-ordergoods","click",function(){ //js数据代码 });
这样就能实现对动态数据绑定事件,并永不失效
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对找一找教程网的支持。如果你想了解更多相关内容请查看下面相关链接
这篇关于jQuery使用bind动态绑定事件无效的处理方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-01Vue.js 是什么-icode9专业技术文章分享
- 2024-11-01Vue3入门教程:从零开始搭建第一个Vue3项目
- 2024-11-01详解vueRouter4基础教程
- 2024-11-01Vuex4课程:初学者的完整入门指南
- 2024-10-31Vue3课程:新手入门到初级掌握
- 2024-10-31Vue3课程:新手入门到初级应用详解
- 2024-10-31VueRouter4课程:新手入门与实战指南
- 2024-10-31Vuex4学习:从入门到初级实战教程
- 2024-10-31Vue3教程:新手入门与基础实战
- 2024-10-31Vue教程:新手快速入门指南