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

原文 标签 javascript jquery

我希望第二次点击功能延迟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);
});

最佳答案

您需要委托(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);
    });
});

关于javascript - 设置第二次点击函数jQuery的延迟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63153269/

相关文章:

javascript - 根据先前对下拉菜单的选择,删除“选择下拉菜单”选项

javascript - 在不适合移动设备的页面上创建适合移动设备的小部件

Javascript TypeError : $(. ..).parent 不是函数

jquery - 鼠标移过链接后,HTML 超链接保持更改颜色

javascript - 无法发射到特定的房间和客户端(Socket.io 2.0.2)

javascript - 在数组中推送数组

javascript - 鼠标光标根据事件变化

javascript - JavaScript GetDate无法跨区域使用

javascript - javascript数组不唯一

javascript - jQuery的NaN日期问题