jQuery Mobile：以编程方式显示ajax loader

Question

我使用ajax请求加载内容，并且可能需要一些时间才能加载并显示在页面上的所有内容（图像和文本）。

我想在ajax调用开始时显示一个加载微调器，并在所有内容确实存在时隐藏它。

它尝试过这样，但它不起作用：

$(this).ajaxStart(function() {
 $.mobile.loading('show');
});

$(this).ajaxStop(function() {
 $.mobile.loading('hide');
});

更新：

加载器现在正在旋转，但是当浏览器最终呈现所有内容时，我仍然需要一个事件

Answer 1

或者您可以将其添加到ajax调用中：

beforeSend: function() {
    $.mobile.showPageLoadingMsg(true);
},
complete: function() {
    $.mobile.hidePageLoadingMsg();
}