设置第二次点击功能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