设置第二次点击功能jQuery的延迟

Question

我想让第二次点击功能延迟 500 毫秒，我应该在哪里插入这个？

$(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

您需要委托并告诉您在单击时指的是哪个元素并将其用于setTimeout-removeClass功能var $this = $(this)// 将是点击函数setTimeout(function() {}$(this)在我们搜索clicked事件元素的父元素时不知道是什么。$(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);    });});

Answer 2

setTimeout(function(){     //your code goes here   alert("Hello"); }, 3000);//here you can set the time in milliseconds