首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >设置第二次单击功能jQuery的延迟

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

Stack Overflow用户
提问于 2020-07-29 20:09:08
回答 2查看 156关注 0票数 2

我希望第二次点击功能延迟500ms,我应该在哪里插入这个?

代码语言:javascript
运行
复制
$(document).ready(function(){
  $('.dropToggler').click(function() {
    $(this).parent().addClass("open");
  });
    $('.acceptCta').click(function() {      //I want the delay on this function.
    $(this).parent().removeClass("open");
  });
});

我也试过了,不管用:

代码语言:javascript
运行
复制
$(document).ready(function() {
  $('.dropToggler').click(function() {
    $(this).parent().addClass("open");
  });
  setTimeout(function() {
    $('.acceptCta').click(function() {
      $(this).parent().removeClass("open");
    });
  }, 800);
});
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-07-29 20:27:51

您需要委派并在单击时告知您引用的是哪个元素,并将其用于setTimeout - removeClass函数

var $this = $(this) //将被点击函数

当我们搜索clicked事件元素的父元素时,setTimeout(function() {}并不知道什么是$(this)

代码语言:javascript
运行
复制
$(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);
    });
});
票数 1
EN

Stack Overflow用户

发布于 2020-07-29 20:10:51

代码语言:javascript
运行
复制
setTimeout(function(){ 
    //your code goes here
   alert("Hello"); 
}, 3000);//here you can set the time in milliseconds

您可以使用setTimeout Function

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63153269

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档