jQuery — 使用 .delay() 推迟 .load()？

Question

我刚刚遇到了使用 jQuery 的 .delay() 方法(v 1.4.2)尝试延迟以下 .load() 方法的问题。

像这样:

$('myElement').delay(500).load('myPage.php');

它似乎只是忽略了 .delay()。

我最终找到了一个解决方法，如下所示:

setTimeout(function(){
    $('myElement').load('myPage.php');
}, 500);

但是，这并不优雅。还有其他人遇到过这个问题并找到了更好的解决方案吗？

谢谢。

Answer 1

是的，delay()^(docs)方法将被忽略，因为 load()^(docs)方法不会自动排队。

setTimeout 可能是您最好的选择，尽管如果您添加 load()，从技术上讲您可以使用 .delay() 来完成它使用 queue()^(docs) 调用队列方法。

$('myElement').delay(500).queue(function( nxt ) {
    $(this).load('myPage.php');
    nxt();
});

该函数已添加到队列中。然后您需要调用该函数的参数来释放队列。有一种方法叫做dequeue()^(docs)方法也可以实现这一点。