jquery - jQuery Mobile：以编程方式显示 ajax 加载器

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