jquery - リンクをクリックしてロード中のグラフィックを有効にする jQuery

Question

だから私は、ページの読み込み中にこのロードグラフィックを表示するために使用されるこのスクリプトを持っています.

    $(window).load(function() { // makes sure the whole site is loaded
        $("#status").fadeOut(); // will first fade out the loading animation
        $("#preloader").delay(100).fadeOut("fast"); // will fade out the white DIV that covers the website.
    })

これは、ページの読み込み時にすぐに表示されます。ページの終了時にこのショーを表示する方法はありますか? ユーザーにとって、クリックから読み込みまで一貫しているのでしょうか?

Answer 1

を使用しunloadます。

$(window).unload(function() {
        $("#status").fadeOut(); 
        $("#preloader").delay(100).fadeOut("fast"); 
});