jquery - 使用 .delay() 延迟点击事件

Question

我有一个按钮，可以通过单击另一个按钮来触发。我想将第二个按钮的点击延迟两秒钟。我使用了 .delay() 但它不起作用。

jq(function() {
      jq('a.box').click(function() {
         jq(this).closest('.button').find('.add_this').delay(2000).click();
      })
    });

或使用setTimeout；

jq(function() {
      jq('a.box').click(function() {
      setTimeout(function(){
         jq(this).closest('.button').find('.add_this').click();
      },800);
      });
    });

但没有成功。

Answer 1

来自文档 http://api.jquery.com/delay/

The .delay() method is best for delaying between queued jQuery effects. Because it is limited—it doesn't, for example, offer a way to cancel the delay—.delay() is not a replacement for JavaScript's native setTimeout function, which may be more appropriate for certain use cases.

您可以使用setTimeout在延迟后绑定(bind)点击处理程序

setTimeout(function(){

jq('a.box').closest('.button').find('.add_this').click();
},2000);

编辑

jq(function() {
      jq('a.kklike-box').click(function() {
      $this = $(this);
      setTimeout(function(){
         $this.closest('.deal_buttons').find('.add_this').click();
      },800);
      });
    });