jquery - 尝试在远程 JavaScript 加载后隐藏图像

Question

好吧，我有一个问题，我似乎无法找到完全正确的解决方案 - 我想我已经接近 - 使用 jquery，我在标签中有这个:

<script type="tex/javascript">
$('#waitdiv').eq(1).ready(function() {
$("#loadingdiv").hide();
});

</script>

这是相关的 HTML 代码:

<div id="loadingdiv" ><img src="images/pleasewait.gif" />
<div id="waitdiv" >
<script type="text/javascript" id="privatelabel" src="**REMOTE URL WITH custom code that loads third party app"> </script>
 </div></div>

正如你可能看到我想要做什么，我想显示请等待动画 gif (或我放置的任何图像)，直到后续 div 能够加载(它加载的 10 的 8 倍)几秒钟，但有时会挂起 10 到 30 秒或更长时间)，然后隐藏“正在加载”图像。

我以为我已经用一些简单的jquery解决了这个问题，但显然我还没有掌握它。我还没有尝试过“相反”(也就是说，当 waitdiv 就绪状态为 false 时，show() 有问题的图像..) - 但在我看来，我想等到它加载并且就绪状态为 true ..？

我已经尝试了这里(和其他地方)发布的其他几个解决方案，但似乎找不到任何可以完全满足我需要做的事情，或者，“解决方案”在我的特定情况下不起作用..

我想我只是错过了一些简单的东西——对于这里的专家来说可能是显而易见的，但我在这一点上只是被惊呆了。

Answer 1

也许您可以使用getScript jQuery 的方法。像这样:

$.getScript('yourcustomsource',function() { $("#loadingdiv").hide(); });

这会加载并执行脚本，一旦加载，它就会隐藏您的加载图像。