Question

我需要在加载页面后对某些内容应用延迟。延迟可能是5秒，然后我需要加载一些组件。怎么做？

Answer 1

由于你正在使用jQuery mobile已经去了

.delay()

来自jQuery的

http://api.jquery.com/delay/

还有another question这样的人。当心jQuery文档说明了这个 -

.delay（）方法最适合在排队的jQuery之间延迟效果。因为它是有限的 - 例如，它没有提供一种方法取消延迟-.delay（）不是JavaScript本机的替代品 setTimeout函数，可能更适合某些用途例。

以下是jQuery doc

的示例

<!DOCTYPE html>
<html>
<head>
  <style>
div { position: absolute; width: 60px; height: 60px; float: left; }
.first { background-color: #3f3; left: 0;}
.second { background-color: #33f; left: 80px;}
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<p><button>Run</button></p>
<div class="first"></div>
<div class="second"></div>

<script>
    $("button").click(function() {
      $("div.first").slideUp(300).delay(800).fadeIn(400);
      $("div.second").slideUp(300).fadeIn(400);
    });
</script>

</body>
</html>

Answer 2

function loadStuff()
{
    //load stuff
}

setTimeout(function(){loadStuff()}, 5000);

编写你的函数来进行加载，然后在超时5秒后调用该函数。

Answer 3

使用javascript setTimeout（）函数。例如setTimeout（“function（）”，5000）;

如何应用延迟来加载jquerymobile中的内容

3 个答案: