jquery Loader Widget 未显示

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(); 从 jQuery Mobile 1.3.2 开始被 $.mobile.loading('show'); 和 $.mobile.loading('hide'); 替换。

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

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

Demo