jquery 加载器小部件未显示

Question

我通过Ajax调用使用Jquery移动加载器小部件，在函数调用LoadingData期间，它应该显示加载掩码，但它没有显示任何加载掩码，一旦完成，它会直接弹出结果。

我的代码如下

$(document).on('pageinit', function(){
            $.ajax({url: "SomeURL",
                beforeSend: function() { $.mobile.showPageLoadingMsg(); }, //Show spinner
                complete: function() { $.mobile.hidePageLoadingMsg(); }, //Hide spinner

                success: function (result) {
                    LoadingData(result);
                },
                error: function (request,error) {
                    alert('Network error has occurred please try again!');
                }
            });   
        });

这是我为了使用加载器小部件而遗漏的东西吗？？

Answer 1

$.mobile.showPageLoadingMsg(); 和 $.mobile.hidePageLoadingMsg(); 替换为 $.mobile.loading('show') ; 和 $.mobile.loading('hide'); 自 jQuery Mobile 1.3.2 起。

但是，在 pageinit 上使用它们需要设置时间间隔，直到页面完全初始化。

在其他事件上，例如 pagebeforeshow 和 pageshow，可以立即调用它们。

Demo