javascript - Ajax .load() 中の Div の表示/非表示

Question

.load() の前に「LoaderMain」div を表示し、すべて完了したら「LoaderMain」を非表示にしたいと思います。表示/非表示のコメントを外すと、表示されません。

$('#content').html('');
            //$('#LoaderMain').show();
            $("#content").load(url, function(response, status, xhr) {
            if (status == "error") {
                var msg = "Sorry but there was an error: ";
                $("#content").html(msg + xhr.status + " " + xhr.statusText);
            }

            });
            //$('#LoaderMain').hide();

Answer 1

コンテンツをロードするためにどのイベントを使用していますか?

http://api.jquery.com/load/#callback-function

ほとんどの jquery イベント/ajax 関数には、イベント/ajax 関数の処理が完了した後に実行するために、関数を送信できるコールバック パラメータがあります。

$('#LoaderMain').show();
$('#result').load('ajax/test.html', function() {
  $('#LoaderMain').hide();
});