尝试在远程javascript加载后隐藏图像

时间:2012-06-12 01:21:02

标签: jquery image hide

好的我有一个问题我似乎找不到合适的解决方案 - 我认为我很接近 - 使用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次加载10次)几秒钟,但有时它会挂起10到30秒或更长时间),然后隐藏“加载”图像。

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

我已尝试过在这里(和其他地方)发布的其他几个解决方案,似乎无法找到任何我需要做的事情,或者,“解决方案”在我的特定情况下不起作用。

我想我只是遗漏了一些简单的东西 - 可能对这里的专家非常明显,但我只是在这一点上受到了挫折。

1 个答案:

答案 0 :(得分:2)

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

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

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