jquery .click 函数的基本延迟

发布于 2024-08-27 08:13:27 字数 247 浏览 7 评论 0原文

我有最基本的 jquery 函数,但我无法在文档中找到一种方法来在 1500 毫秒后触发此单击函数的内容:

$('.masonryRecall').click(function(){
  $('#mainContent').masonry();
 });

PS 只是注意到 .delay 函数 jquery 1.4,尽管我正在使用1.3 版。我不知道更新它是否会干扰我目前拥有的任何其他 JavaScript。

I have the most basic jquery function of them all, but I couldn't find a way in the documentation to trigger the contents of this click function after say 1500 milliseconds:

$('.masonryRecall').click(function(){
  $('#mainContent').masonry();
 });

P.S. just noticed the .delay function jquery 1.4, although, I am using version 1.3. I don't know whether updating this would interfere with any of the other javascript I currently have.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

无声情话 2024-09-03 08:13:27

您可以使用 setTimeout() 使用常规 JavaScript 来完成此操作。

$('.masonryRecall').click(function(){
        setTimeout("$('#mainContent').masonry()", 1500);
    });

You can do it with regular javascript using setTimeout().

$('.masonryRecall').click(function(){
        setTimeout("$('#mainContent').masonry()", 1500);
    });
用心笑 2024-09-03 08:13:27

通常,您应该远离 setTimeout/setInterval 中的字符串文字。相反,使用闭包:

setTimeout(function(){ $('#mainContent').masonry(); }, 1500);`

甚至更好地像这样使用它(注意:外部闭包并不是真正必要的):

(function($){
    var timeout=null;
    $('.masonryRecall').click(function(){
        clearTimeout(timeout);
        timeout=setTimeout(function(){$('#mainContent').masonry();}, 1500);
    });
}(jQuery));

You should generally stay away from string literals in setTimeout/setInterval. Instead use a closure:

setTimeout(function(){ $('#mainContent').masonry(); }, 1500);`

and even better use it like this (note: the outer closure isn't really necessary):

(function($){
    var timeout=null;
    $('.masonryRecall').click(function(){
        clearTimeout(timeout);
        timeout=setTimeout(function(){$('#mainContent').masonry();}, 1500);
    });
}(jQuery));
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文