javascript - 在 jQuery Mobile 1.1 中进行大量处理之前显示加载微调器？

Question

我快要发疯了，想让一个微调器出现。因此，我已将繁重的处理功能绑定(bind)到一个按钮:

$(document).delegate("#clearread", "tap", onClearRead);

所以点击它会调用它:

var onClearRead = function() {

setTimeout($.mobile.showPageLoadingMsg, 5);  

// Civilised cleaning of saved status
var jStorIndex = $.jStorage.index();
for (var i = 0; i < jStorIndex.length; i++) {
    if( jStorIndex[i] != "version" ) {
        $.jStorage.deleteKey(jStorIndex[i]);
    }
}   

// Load articles afresh
loadArticles();

$.mobile.changePage("#choosearticle");

} //onClearRead

我发现在清除/加载文章期间(大约 10 秒)微调器不会出现，但只会在 #choosearticle 页面加载时出现一小段时间(0.5 秒)。我做错了什么？

我让微调器在应用程序的其他地方工作。

谢谢

Answer 1

试试这个:

$(document).delegate("#clearread", "tap", onClearRead);

var onClearRead = function() {
$.mobile.showPageLoadingMsg();
setTimeout(function(){  
        //Your heavy processing
        $.mobile.changePage("#choosearticle");
    }, 5);
} //onClearRead