如何仅在事件失去绑定之前绑定事件

Question

我有我绑定一个div click这样的：

  $("#mydiv").one('click',function(){ ... });

因为我只想执行一次动作。 现在我想重新bind它

  $("#mydiv").on('click',function(){ ... });

但是，只有在用户至少第一次单击时才能单击。

我怎样才能做到这一点？

Answer 1

您可以使用jQuery 命名空间事件 ：

$('#mydiv').on('click.firstClick', function () {
    // do stuff for the first time
    $(this).off('click.firstClick'); // only removes this event
});

$('#mydiv').on('click', function () {
    // stuff that always happens when you click
});

如果您只是想让某事第一次发生，然后在此之后每次发生，则：

$('#mydiv').click(function () {
    // stuff that happens the first time you click
    $(this).off('click');
    $(this).click(function () {
        // stuff that happens every time after this
    });
});

第一场景的示例： http://jsfiddle.net/75HWV/第二场景的示例： http://jsfiddle.net/SbhY3/

Answer 2

$('#mydiv').one('click', function() {
    // ...
    // code here for action-A, on first click
    // ...
    $(this).on('click', function() {
        // ...
        // code here for action-B, on subsequent clicks
        // ...
    });
});