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

2018-2-7    分类: 前端资源

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