jQuery中live方法的重复绑定说明
更新时间:2011年10月21日 23:01:11 作者:
使用jQuery的live()方法绑定事件,有时会出现重复绑定的情况,如,当点击一个按钮时,此按钮所绑定的事件会并执行n遍
解决:使用die()方法,在live()方法绑定前,将此元素上的前面被绑定的事件统统解除,然后再通过live()方法绑定新的事件。
//先通过die()方法解除,再通过live()绑定
$("#selectAll").die().live("click",function(){
//事件运行代码
});
die()方法简介:
die([type], [fn])<SPAN style="WHITE-SPACE: normal"> </SPAN>
概述
jQuery 1.3新增。此方法与live正好完全相反。
如果不带参数,则所有绑定的live事件都会被移除。
你可以解除用live注册的自定义事件。
如果提供了type参数,那么会移除对应的live事件。
如果也指定了第二个参数function,则只移出指定的事件处理函数。
复制代码 代码如下:
//先通过die()方法解除,再通过live()绑定
$("#selectAll").die().live("click",function(){
//事件运行代码
});
die()方法简介:
复制代码 代码如下:
die([type], [fn])<SPAN style="WHITE-SPACE: normal"> </SPAN>
概述
jQuery 1.3新增。此方法与live正好完全相反。
如果不带参数,则所有绑定的live事件都会被移除。
你可以解除用live注册的自定义事件。
如果提供了type参数,那么会移除对应的live事件。
如果也指定了第二个参数function,则只移出指定的事件处理函数。
相关文章
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
这篇文章主要介绍了基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06
jQuery+css3实现转动的正方形效果(附demo源码下载)
这篇文章主要介绍了jQuery+css3实现转动的正方形效果,可实现图片组集体转动的功能,通过jQuery结合时间函数定时操作css3属性实现旋转效果,并附带demo源码供读者下载,需要的朋友可以参考下2016-01-01
JQuery魔力之$("tagName")与selector
DOM 中的 getElementsByTagName()方法在JQuery中的表现就是$(“tagName”)这么简单!tag标签(可以是:p、div、button …)标签本身具有ID、Class等属性2012-03-03
jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承
本文主要介绍了利用构造函数和原型创建对象以实现继承,并附上完成简单轮播对象的封装的示例代码。有兴趣的朋友可以看下2016-12-12


最新评论