随身笔记
随身笔记

解决:jquery多次重复绑定事件

jquery 重复 绑定 多次 事件 多次绑定 多次事件

 

错误案例:

$('#aa').bind("click",function () {
 console.log('a');
});


$('#aa').bind("click",function () {
 console.log('b');
});


$('#aa').bind("click",function () {
 console.log('c');
});



//效果

a
b
c

 

获取最后一次绑定,修改如下:

$('#aa').unbind("click").bind("click",function () {
 console.log('a');
});



$('#aa').unbind("click").bind("click",function () {
 console.log('b');
});


$('#aa').unbind("click").bind("click",function () {
 console.log('c');
});


//效果

c

 

获取第一次绑定,修改如下:

$('#aa').bind("click",function (e) {
 e.stopImmediatePropagation();
 console.log('a');
});



$('#aa').bind("click",function (e) {
 e.stopImmediatePropagation();
 console.log('b');
});



$('#aa').bind("click",function (e) {
 e.stopImmediatePropagation();
 console.log('c');
});

//效果

a

 

 

 

随身笔记

解决:jquery多次重复绑定事件
jquery 重复 绑定 多次 事件 多次绑定 多次事件   错误案例: $('#aa').bind("click",function () { console.log('a'); }); $('#aa').bind("click",function () { …
扫描二维码继续阅读
2018-02-07