Jquery mobile 使用jQuery Mobile通过AJAX on pagecreate事件加载数据时显示加载指示器

我有一个页面，通过AJAX on pagecreate事件动态加载其内容。我想展示一个装载指示器。不幸的是，这似乎不起作用

我的理论是，它不起作用，因为页面加载本身显示加载指示器，并在页面加载后隐藏它：

• 页面：显示加载指示器
• AJAX：显示加载指示器
• 页面：隐藏加载指示器
• AJAX：隐藏加载指示器

---

是否有人成功地保持加载指示器显示，即使在实际页面已加载但AJAX数据尚未加载之后？

首先，您需要在pageshow事件中运行此命令，以显示加载指示器。在页面创建中，加载程序无法显示

然后在AJAX调用中，在complete上隐藏加载程序：如下所示-

function getAllData()
{
        //$.mobile.pageLoading();  //for old jqm versions
        $.mobile.showPageLoadingMsg();

        $.ajax({
           url : "sample.com/path/to/file",
           success : function (data) {
                     $.mobile.hidePageLoadingMsg();
           },
           complete : function () {
                      //$.mobile.pageLoading(true);  //for old jqm versions
                      $.mobile.hidePageLoadingMsg();
           },
           error : function(XMLHttpRequest, textStatus, errorThrown) {
                   alert("Error text :"+textStatus+ " - type :" + errorThrown+" - Error message :" + XMLHttpRequest.responseXML);
                   //$.mobile.pageLoading(true);  //for old jqm versions
                   $.mobile.hidePageLoadingMsg();
           }
        });
}

---

-然后它就可以工作了。

首先，你需要在pageshow事件中运行它，以显示加载指示器。在页面创建中，加载程序无法显示

然后在AJAX调用中，在complete上隐藏加载程序：如下所示-

function getAllData()
{
        //$.mobile.pageLoading();  //for old jqm versions
        $.mobile.showPageLoadingMsg();

        $.ajax({
           url : "sample.com/path/to/file",
           success : function (data) {
                     $.mobile.hidePageLoadingMsg();
           },
           complete : function () {
                      //$.mobile.pageLoading(true);  //for old jqm versions
                      $.mobile.hidePageLoadingMsg();
           },
           error : function(XMLHttpRequest, textStatus, errorThrown) {
                   alert("Error text :"+textStatus+ " - type :" + errorThrown+" - Error message :" + XMLHttpRequest.responseXML);
                   //$.mobile.pageLoading(true);  //for old jqm versions
                   $.mobile.hidePageLoadingMsg();
           }
        });
}

-那么它应该会起作用