Question

我将以下代码用于单页：

$(document).ready(function() {
    $.mobile.loading('show');
}); 
$ (window).load(function() {
    $.mobile.loading("hide");
});

当我使用Jquery mobile的多页模板时，代码仅适用于phonegap创建的应用程序的第一页。如何将它们用于所有应用页面？

Answer 1

JQM有您可以使用的页面事件。您可以在 pagebeforeshow 上显示加载图标例如

$(document).on("pagebeforeshow", function (event, data) {
$.mobile.loading('show');
});

并隐藏 pagehide

上的图标

$(document).on('pagehide', function (event, ui) {
$.mobile.loading('hide');
});

更多信息：