jquery - 使用 die() 后重新绑定 live() click 事件？

Question

我无法解决通过 Stack 搜索的问题。我在下面有我的 live() 函数。您可以看到我想如何在函数运行时停止再次单击按钮，然后重新绑定。按钮取消绑定，但它不再绑定......：S

$('.control-left, .prevActive').live('click',function(){

    var firstSlide = $('.slider li:first-child');

    if(firstSlide.attr('class') != 'active'){   
        $('.control-left, .prevActive').die('click');   
        moveSlider('left');
        $('.control-left, .prevActive').live('click');
    }

});

Answer 1

无需取消绑定和重新绑定，只需使用一个标志：

var running = false;
$('.control-left, .prevActive').live('click',function(){
    var firstSlide = $('.slider li:first-child');

    if(firstSlide.attr('class') != 'active' && !running){ 
        running = true;
        moveSlider('left');
        running = false;
    }
});

Answer 2

您的最后一行代码没有将任何内容绑定到单击处理程序。你必须绑定一个函数

$('.control-left, .prevActive').live('click', function () { code here });

在您的情况下，您可能想要做这样的事情

var myspecialclickfunction = function(){

  var firstSlide = $('.slider li:first-child');

  if(firstSlide.attr('class') != 'active'){   
      $('.control-left, .prevActive').die('click');   
      moveSlider('left');
      $('.control-left, .prevActive').live('click', myspecialclickfunction);
};

$(document).ready(function () {
  $('.control-left, .prevActive').live('click',myspecialclickfunction);
});

---

您还应该使用 jQuery 1.42 到 1.6x

• delegate()用于绑定到未来的元素
• undelegate()用于解除对委托事件的绑定

在 jquery 1.7+

• delegate()、bind()和live()已在on()中合并
• undelegate()、unbind()和die()已在off()中合并
• 此外，还添加了one()，它允许绑定事件只运行一次。

Answer 3

您没有将任何功能传递给 .live.. 试试这个：

$('.control-left, .prevActive').live('click',function hello(){

    var firstSlide = $('.slider li:first-child');

    if(firstSlide.attr('class') != 'active'){   
        $('.control-left, .prevActive').die('click');   
        moveSlider('left');
        $('.control-left, .prevActive').live('click', hello);
    }

});