jQuery - 在某些 Div 上“加载，请稍候”答案

【问题标题】：jQuery - "Loading, Please Wait" On certain DivjQuery - 在某些 Div 上“加载，请稍候”
【发布时间】：2012-09-29 22:43:41
【问题描述】：

我对 jQuery 还比较陌生，我不太确定该朝哪个方向发展，但我希望有某种 jQuery 或 Javascript 可以进入，并且有一个 .delay( ) 大约 3 秒的功能，同时显示“请稍候”，然后显示 div 内容。对不起，我没有代码可以显示，我只能描述理论。 =/

感谢您提供的任何帮助 - Necro

【问题讨论】：

刚刚看到一些答案较低，他们回答了这个问题，但是如果没有加载，为什么你会有“等待加载”？所以，我猜你有一个 ajax 调用或类似的东西 - 这将需要一些其他技术，因为 ajax 调用结束并不总是相同并且不能使用计时器设置。在您等待显示 div 内容之后，您能否更好地解释一下？
因为我使用了另一个从谷歌分析中获取数据的插件，它需要大约 2-3 秒 =]
然后，使用 2-3 秒的超时将不起作用，因为您无法保证您将在 2-3 秒内获得您的信息 - 有时可能需要更长的时间。而且，它有时可能会比您设置的超时时间少。所以，检查你的插件是否有回调函数。

标签： jquery load delay wait

【解决方案1】：

<div id="mydiv">

  <span id="loading">Loading...</span>

  <span id="content" style="display:none;">Bla bla bla</span>

</div>

<script>
setTimeout(function(){

  $("#loading").hide(100); //100 = animation speed in miliseconds
  $("#content").show(100);

}, 3000); //3000 miliseconds = 3 seconds
</script>

示例：http://jsfiddle.net/dbdAx/

【讨论】：

完美！很棒的解决方案，谢谢。还有一个问题，在跨度 ID“加载”上设置 CSS 将使我能够淡出背景和其他类似的内容，对吗？
是的，因为它会淡出然后隐藏整个元素。

【解决方案2】：

使用以下方法

$("#div").html("Please wait loading");
setTimeout(myfunc,3000);

function myfunc(){
 $("#div").html(yourdata);
}

这是demo jsfiddle.net的链接

【讨论】：