如何在内容加载后隐藏微调器

时间:2013-08-09 18:04:46

标签: javascript jquery pjax

我正在使用pjax加载内容,当内容加载时,我会显示一个微调器:

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

这很好,但是,在内容加载后loader仍然停留在那里。

在内容加载后,我应该在哪里调用$(#loader).hide()隐藏加载程序?

2 个答案:

答案 0 :(得分:3)

根据文件https://github.com/defunkt/jquery-pjax

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

我认为你也可以使用pjax:end event。

答案 1 :(得分:2)

当然在内容加载之后,在成功函数中进行ajax调用之后。

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