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