在延时上触发 jQuery 函数

Question

所以我有一两个函数要在我的页面加载 10 秒后运行。这是现在的代码：

            jQuery(document).ready(function() {
            jQuery(".expand-cnt-link").click(function() {
                jQuery(this).toggleClass("ecf_closed").parent(".exp-col-content-holder").find(".hidden-content").first().stop().slideToggle("slow").css("display","inline-block");
                return false;
            }); 
            jQuery(".expand-cnt-link").toggleClass("ecf_closed").parent(".exp-col-content-holder").find(".hidden-content").css("display","none");

具体来说，我正在寻找当前由点击元素“.expand-cnt-link”触发的代码，而不是由页面加载 10 秒触发。

我已经查看了这篇文章：JQuery wait x seconds after document ready

这似乎表明正确的代码是：

            jQuery(document).ready(function() {
            setTimeout(function() {
                jQuery(this).toggleClass("ecf_closed").parent(".exp-col-content-holder").find(".hidden-content").first().stop().slideToggle("slow").css("display","inline-block");
                return false;
            }, 2000);   
            jQuery(".expand-cnt-link").toggleClass("ecf_closed").parent(".exp-col-content-holder").find(".hidden-content").css("display","none");

然而这并没有给我带来好运...有什么建议吗？

Answer 1

使用上面代码块中的代码，然后在页面加载 10 秒后调用该点击函数，如下所示：

setTimeout(function() { jQuery(".expand-cnt-link").click() }, 10000);