jQuery的負載功能

Question

問題
我要玩一個程序的時候，任何頁面loading當加載complete page它的工作停止。任何想法？

我是新來的jQuery或JavaScript。

Answer 1

只要把DIV上您的頁面立即與加載圖形。將這個腳本上的任何地方網頁或外部腳本文件的頂部：

$('BODY').append('<div id="loading"><img src="images/loading.gif" /></div>'); 

顯然你需要的風格，無論你想它來定位。我們這樣做，而不僅僅是將其編碼到頁面內容中，以便禁用JavaScript的任何人都不會看到它。

然後附加到加載事件以在頁面完成後隱藏加載DIV。將此腳本放在頁面底部或$(document).ready()內。

$(window).load(function() { 
    $('#loading').hide(); 
}); 

Answer 2

你要聽事件的onload

window.onload = function() { 
// do something 
} 

或jQuery的

$(window).load(function() { 
     // do something 
}); 

，但使用jQuery一想，最好使用：

$(document).ready(function() { 
    // do something 
}); 

Answer 3

您可以使用ajaxStart和ajaxStop方法。

演示：

http://www.balam.in/personal/triponetDemo/pre-loader.html

點擊查看源代碼才能看到CSS和JavaScript。 有一個div與id作爲加載和樣式的div顯示ajax微調。每當一個ajax方法被觸發，它將顯示加載div，並且當ajax請求完成時，它隱藏加載div。

請注意，您需要在所有想要顯示它的頁面中加載div。

Answer 4

那麼如果你想顯示在刷新的AJAX微調，

檢查下面的鏈接： http://www.balam.in/personal/triponetDemo/pre-loader-refresh.html

查看源代碼，看看

每次刷新它會顯示AJAX實施微調器，當DOM準備就緒時，它隱藏了ajax微調器。