jQuery 不显示带有 setTimeout 的内容

Question

我试图在使用 jQuery 发出 ajax 请求后一段时间显示内容，但我遇到了一些麻烦。

这是代码:

$.ajax({
            url: 'content.php',
            data: '&go=' + tab,
            success: function(data) {
                setTimeout("pencil()",3250);
                setTimeout('$("#content").html(data).fadeIn()',5000);
            }
        });

问题是“内容”在 5 秒后没有以这种方式加载。但是，如果我在没有 setTimeout 的情况下放置它，它会立即出现 - 但这样它就会破坏动画。

我该如何解决这个问题？

谢谢。

Answer 1

您在传递给 setTimeout 的字符串中使用了变量 data，但在执行该字符串时该变量将不再存在。

您可以通过使用函数对象而不是字符串来解决此问题:

setTimeout(function() { 
    $("#content").html(data).fadeIn() 
}, 5000);

这是有效的，因为 data 的值保存在闭包中。