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

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

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

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

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

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