Question

我有问题。我正在使用CMS，它的名字是Dolphin。简而言之，我创建了一个包含繁重代码的块（jQuery，javascript，php，HTML，图像等等）。我想要做的是显示加载图像，直到该块的内容完全加载。因此，即使它看起来很奇怪，我也需要DIV的预加载功能。我需要这样做，因为如果我不使用它，我可以看到div组成缓慢，这太可怕了。你知道一个好的jQuery或javascript函数可以帮助我吗？只是在DIV中心加载图像，直到其内容完全加载。一旦加载，它就会显示出来..谢谢！

Answer 1

诀窍是默认设置真正的div隐藏在它上方放置“请等待”div ...在重编码的末尾添加一行隐藏“请等待”div并显示真实的div。

所需HTML的示例代码：

<div id="pnlPleaseWait">
   Loading please wait...
<div>
<div id="pnlMain" style="display: none;">
   ....heavy stuff going on here...
   ....heavy stuff going on here...
   ....heavy stuff going on here...
</div>

在重处理结束时jQuery行：

$("#pnlPleaseWait").hide();
$("#pnlMain").show();

Answer 2

检查其他问题：

How to show loading spinner in jQuery?

How do I display an animated image during Page Load using jQuery

等等

使用图像加载预加载DIV

2 个答案: