jQuery的表演裝載格在等待腳本來完成

Question

我有一個JavaScript看起來像這樣

$("#loading").show(); 

// script that takes some time 

$("#loading").hide(); 

我想說明，然後加載對話框等待腳本結束，然後將其關閉。但它不這樣工作。它在腳本完成後打開加載對話框並保持打開狀態。

有什麼問題？

Answer 1

嘗試使用撥動

$(document).ready(function(){ 
 
    $("button").click(function(){ 
 
     $("#loading").toggle(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<p id="loading">Loading</p> 
 

 
<button>show hide loading</button>

Answer 2

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

$(document).ready(function() { 
    $("#loading").show(); 
}); 

加載消息將顯示，直到窗口是完全加載。