在jquery中執行加載時顯示div

Question

我想要顯示一個div，表示該頁面正在加載，對於加載我使用jquery加載事件，但是，加載div始終停留在頁面上沒有隱藏的最終負載，我的代碼是這樣的：

$("#mydiv").fadeIn("fast"); 
       $('#page').load('myphp.php', { 'data': id },function(){ 
        $("#mydiv").fadeOut("fast"); 
       }); 

Answer 1

可以使用$('#page').ajaxStart(callback);和$('#page').ajaxStop(callback);。 看這裏：

https://api.jquery.com/ajaxStart/

https://api.jquery.com/ajaxStop/

Answer 2

隱藏div結束後，文檔通過

$(document).ready(function() { 
     $("#mydiv").fadeOut("fast"); 
    }); 

加載（包括你的JS在頭後剩下的代碼），例如

1. HTML頭
2. JS/jQuery的
3. 這^
4. CSS鏈接
5. HTML正文內容