函数中的jQuery移动加载

Question

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

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

//Deletes app data
    deleteAppData();

    $.mobile.hidePageLoadingMsg();
} 

我认为上面的showPageLoadingMsg/hide可以工作，但是它从来没有被显示过。

如果我找到了答案，我会把它贴出来的。

谢谢你的帮助！

Answer 1

让我猜猜，web工具包浏览器没有显示ajax加载器。

当需要动态显示ajax加载器时，这是一个常见的问题。如果使用setTimeout函数触发show/hide动作，则可以修复。

如下所示：

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

和

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

另外，您正在使用不推荐使用的方法，应该使用$.mobile.loading。

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

Answer 2

以下是适用于我的脚本。演示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();
}