我通过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!');
}
});
});
这是我为了使用加载器小部件而遗漏的东西吗??
最佳答案
$.mobile.showPageLoadingMsg();
和 $.mobile.hidePageLoadingMsg();
替换为 $.mobile.loading('show') ;
和 $.mobile.loading('hide');
自 jQuery Mobile 1.3.2 起。
但是,在 pageinit
上使用它们需要设置时间间隔,直到页面完全初始化。
在其他事件上,例如 pagebeforeshow
和 pageshow
,可以立即调用它们。
关于jquery 加载器小部件未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19663789/