jQueryのショーローディングdivのスクリプトは私がロードダイアログは、その後終了するスクリプトを待ってから、それを閉じ見せたいこの</p> <pre><code>$("#loading").show(); // script that takes some time $("#loading").hide(); </code></pre> <p>ようになりますジャバスクリプトを持っている

Question

を終了するのを待っている間。しかし、このようには動作しません。スクリプトが終了して開いたままになった後、読み込みダイアログが開きます。

問題が何ですか？

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(); 
}); 

トグル使用してみてください。