小伙伴们,在JQ生涯里应该也有遇到过JQ中的Click事件或者其他事件重复执行的问题吧?

今天逐风来分享两个应对处理方法,也希望知情具体原因的小伙伴们在下面的评论中给予解答,谢谢!


下面是个简单的例子:

$("#test").click(function(){
    alert('emtalk.net');
});

理论上,执行上述代码,应该只会弹出一次"emtalk.net"字符串;

然而有时候,它却重复执行多次;为此网上小伙伴给出的处理方案如下:

方案一:

$("#test").click(function(){
    alert('emtalk.net');
    return false;
    // 在function结束时加上return false;
    // 来阻止事件冒泡,这样就外层的click事件都不会触发。
});


方案二:

$("#test").unbind("click").click(function(){
    alert('emtalk.net');
});

通过JQ提供的unbind事件,将对象所有绑定事件先全部或者指定事件全部清除,再从新绑定事件来解决多次执行问题;


好了,小伙伴们,你们学会没?(●'◡'●)