jQuery取消绑定点击不起作用

Question

请帮我一下。谢谢！ 这是简单的编码：

var $newbox = $( "<div/>" );
$newbox.addClass("init_box");
for(i=0; i<3; i++) {
    $("#game").append($newbox.clone().click(function(){
        $(this).addClass("select_box"); 
        $("div.init_box").unbind("click");
    }));
}

我想创建3个div，一旦单击了这3个div中的任何一个，其他人将取消绑定click事件。 但是上面的代码不起作用。

Answer 1

如果要使用.unbind（），则需要使用.bind（）绑定单击处理程序。

Answer 2

我将使用。对（）和.off（）与像名称空间的事件处理程序

var $newbox = $('<div/>', {
    'class': 'init_box'
}).on('click.select', function () {
    $(this).addClass("select_box");
    $("#game .init_box").off("click.select");
});

for (i = 0; i < 3; i++) {
    $newbox.clone(true, true).appendTo('#game').html(i)
}

演示： 小提琴

Answer 3

这应该工作。

var $newbox = $( "<div/>" );
$newbox.addClass("init_box");
for(i=0; i<3; i++) {
    $newbox.clone().appendTo("#game").click(function(){
        $(this).addClass("select_box"); 
        $("div.init_box").unbind("click");
    });
}

在您的示例中，您试图在将处理程序插入到DOM中之前将其添加到该对象中，但这是行不通的。

您必须首先将其插入DOM，然后添加处理程序。

或者，您可以使用实时绑定。 http://api.jquery.com/on/