javascript - コンテンツの読み込み後にスピナーを非表示にする方法

Question

私は pjax を使用してコンテンツをロードしています。コンテンツのロード中に、スピナーを表示します。

$('a[data-pjax]').pjax().live ("click", function () {
    $("#loader").show();
});

これは正常に機能しますが、コンテンツがロードされた後loaderもそこにとどまります。

$(#loader).hide()コンテンツがロードされた後にローダーを非表示にするには、どこを呼び出す必要がありますか?

Answer 1

ドキュメントによるとhttps://github.com/defunkt/jquery-pjax

$(document).on('pjax:complete', function() {
  $("#loader").hide()
})

pjax:end イベントも使えると思います。

Answer 2

もちろん、コンテンツがロードされた後、成功関数内での ajax 呼び出しの後。

$.ajax({
          url: "test.html",
          data: {parameter:parameter},
          }).done(function() {
               //on return, add here
               $("#loader").hide()
          });