javascript - Web サイトが完全に読み込まれた後に Ajax ローダーを表示する

Question

Web サイトが完全にロードされたときに ajax ローダーを表示したいと考えています。次のコードを使用していますが、機能していません。

<div style="display:none" id="divloader"><img src="loading.gif" /></div>

$(function() {
$(".changepass").click(function() {
    $("#divloader").show();
    $(".block1").load("index.php", function(){ $("#divloader").hide();    });
    return false;
  });
});

タイプミス/構文エラーをすべて修正しました。しかし、まだ機能していません。実際の例を持っている人はいますか?

Answer 1

コードの構文エラー

この行で$("#dvloader").show();使用$("#divloader").show();

<div style="display:none" id="divloader"><img src="loading.gif" /></div>

と

$(function() {
$(".changepass").click(function() {
    $("#divloader").show();
    $(".block1").load("views/index.php", function(){ $("#divloader").hide();    });
    return false;
  });
});