前端技术分享论坛

标题: bind() unbind() 和.on() .off()是各自一对,不能混用？？ [打印本页]

作者: phpvar 时间: 2013-10-31 16:22
标题: bind() unbind() 和.on() .off()是各自一对,不能混用？？
bind() unbind() 和.on() .off()是各自一对,不能混用？？

作者: phpvar 时间: 2013-10-31 16:37
这个认识是错误的！

查看jq源码可知：
jQuery.fn.bind 扩展方法是直接调用.on()方法去实现的：（如下所示：）
function (types, data, fn) {
return this.on(types, null, data, fn);
}
.on()绑定的事件，可用.off()方法去解绑，自然用bind()方法绑定的事件，也可以用jq1.7 就开始提倡使用的新解绑事件方法.off()去解绑！！

但我们要有这样一个意识：
事件绑定到了哪个元素上，就去哪个元素上解绑！！

比如说：

$(".al").bind('click',function(event) {
alert(1111);
});

复制代码

我们要给.al解绑click事件，这样写是错误的：

$(document).off("click",".al");

复制代码

因为我们之前就根本没给document绑定过事件，何来解绑？？正确写法是：

$(".al").off("click");

复制代码

当然了，下面这样写也是对的：

//document绑定事件
$(document).on('click',".al",function(event) {
alert(1111);
});
//document上解绑事件
$(document).off("click",".al");

复制代码

前提就是遵循上面讲的”事件绑定到了哪个元素上，就去哪个元素上解绑！！“

欢迎光临前端技术分享论坛 (https://www.phpvar.com/bbs/)