jQuery Mobile加载函数

时间:2013-06-19 14:15:32

标签: jquery jquery-mobile

我创建了一个用于删除某些数据的函数。通常需要大约5-10秒左右。我真的想在函数中添加一个加载微调器。

function RefreshDataSubmit() {
    $.mobile.showPageLoadingMsg("a", "Loading");

//Deletes app data
    deleteAppData();

    $.mobile.hidePageLoadingMsg();
} 

我认为上面的showPageLoadingMsg / hide会起作用,但它从未显示过。

如果我找到它,我会发布解决方案。

感谢您的帮助!

2 个答案:

答案 0 :(得分:1)

我猜,网络工具包浏览器没有显示 ajax 加载程序。

当需要动态显示 ajax 加载程序时,这是一个常见问题。如果 setTimeout 函数用于触发显示/隐藏操作,则可以修复此问题。

这样的事情:

setTimeout(function(){
    $.mobile.loading('show');
},1);

setTimeout(function(){
    $.mobile.loading('hide');
},1);

您也在使用弃用的方法,而应使用 $.mobile.loading

工作示例:http://jsfiddle.net/Gajotres/LW7MU/3/

答案 1 :(得分:0)

这是适合我的脚本。 DEMO http://jsfiddle.net/yeyene/Rdfxs/5/

function RefreshDataSubmit() {
    $(".ui-loader").show();
    setTimeout(deleteAppData, 5000);

    //call Deletes app data
    //deleteAppData();
} 
function deleteAppData(){
    // after your scripts, loading will hide, put behind all of your script

    // loading will hide after 5 sec in this example
    $(".ui-loader").hide();
}