javascript - 设置第二次点击函数jQuery的延迟

Question

我希望第二次点击功能延迟500ms，我在哪里插入这个？

$(document).ready(function(){
  $('.dropToggler').click(function() {
    $(this).parent().addClass("open");
  });
    $('.acceptCta').click(function() {      //I want the delay on this function.
    $(this).parent().removeClass("open");
  });
});

这个也试过了，不行:

$(document).ready(function() {
  $('.dropToggler').click(function() {
    $(this).parent().addClass("open");
  });
  setTimeout(function() {
    $('.acceptCta').click(function() {
      $(this).parent().removeClass("open");
    });
  }, 800);
});

Answer 1

您需要委托(delegate)并告诉您在单击时指的是哪个元素并将其用于 setTimeout - removeClass功能var $this = $(this)//将是点击函数setTimeout(function() {}不知道是什么$(this)当我们寻找 clicked 的 parent 时事件元素。

$(document).ready(function() {
  $('.dropToggler').click(function() {
    $(this).parent().addClass("open");
  });
    $('.acceptCta').click(function() { 
     //This needed
      var $this = $(this)
      //delay removeClass
      setTimeout(function() {
        $this.parent().removeClass("open");
      }, 800);
    });
});