首页 > 代码库 > 点击事件内嵌点击事件造成多次绑定

点击事件内嵌点击事件造成多次绑定

如果一个点击事件内部有另外一个点击事件,如下

$(function(){    $("#btn1").click(function() {        console.log("outside");        $("#btn2").click(function() {            console.log("inside");        });    });});

这样,在每次点击外部的点击事件后,内部的点击事件就会多次绑定,造成事件的重复触发,这是容易出错的一点.

如果必须要写成内嵌点击事件的话,可以先解除点击事件在绑定.

$("#btn2").unbind("click").bind("click", function() {  console.log("inside");});

 

点击事件内嵌点击事件造成多次绑定