jQuery使用bind动态绑定事件无效的处理方法
程序员文章站
2022-03-13 17:05:23
最近在进行页面开发,在做页面特效的时候,需要给一个动态加载的按钮赋予一个事件
于是不假思索的 用$(obj).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/One/Live/On事件绑定使用方法
-
解析jQuery的三种bind/One/Live事件绑定使用方法
-
jquery 给动态生成的标签绑定事件的几种方法总结
-
jQuery动态添加元素无法触发绑定事件的解决方法分析
-
jQuery事件绑定与事件委托实例讲解,jQuery的方法bind,live,delegate,on的区别
-
jquery新的绑定事件机制on方法的使用方法
-
jQuery绑定动态元素的点击事件无效
-
jQuery使用bind函数实现绑定多个事件的方法
-
jQuery使用bind动态绑定事件无效的处理方法
-
动态的绑定事件addEventListener方法的使用_javascript技巧