2012-06-12 52 views
2

好,我有我似乎無法找到比較合適的解決方案的一個問題 - 我想我靠近 - 使用jQuery,我有這個在標籤:嘗試遠程JavaScript加載後隱藏圖像

<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動畫(或者其他圖像I到位),直到隨後的DIV是能夠加載(在幾秒鐘內載入10次的8次,但有時會掛起10到30秒或更長),然後「加載」圖像被隱藏。

我以爲我用它解決了一些簡單的jquery,但顯然我還沒有掌握它。我還沒有嘗試「另一種方式」(即,雖然waitdiv就緒狀態是假的,顯示()的圖像問題..) - 但在我看來,我想等待直到它加載和準備狀態爲真..?

我用盡這裏(和其他地方)上發佈一些其他的解決方案,只是似乎無法找到任何不完全是我需要做的,或者,在「解決方案」並不在我的特殊情況下,工作..

我想我只是錯過了一些簡單的東西 - 可能很明顯地對這裏的專家顯而易見,但我在這一點上只是簡單地迷失了方向。

回答

2

也許你可以使用jQuery的getScript方法。事情是這樣:

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

此加載並執行腳本,一旦被加載,它隱藏你的加載圖片。

+0

好的。以及除非我錯過了某些東西 - 它不會去做我所需要的 - 我忘了提及源實際上在頁面中顯示內容 - 我早些時候嘗試了getcript,但無法使回調工作顯示結果加載的應用程序。 基本上它(應用程序)本質上的工作類似於iframe,但不使用iframe - 我不僅需要獲取腳本,還要顯示它的整個結果(它是動態的)以代替加載圖像,一次它被加載。這是一個有點複雜.. :)(有點像谷歌地圖,我猜) –