javascript - 如何防止在Jquery中多次调用一个函数

Question

我有以下代码:

$('#main-button').click(function(){

    $('#button').click(function(){
        alert('something');
    });
});

每当我单击#main-button，比如说3次，然后单击#button，就会出现3个弹出框。如何防止这种情况发生，无论点击#main-button多少次，点击#button时都只会出现1个弹出框？

Answer 1

或者您可以使用此代码:

$('#main-button').click(function(){

    $('#button').unbind("click").click(function(){
        alert('something');
    });
});

更新#1

从 jQuery 1.7 开始，unbind 已被弃用。请改用 off 方法。