jQuery 移动 + Phonegap : page is shown before device ready

Question

我正在开发一个带有phonegap的iOS应用程序。我遇到了一个问题。似乎在页面(和其他 AJAX 函数)被触发之后，设备就绪事件就会被触发。

示例代码:

Global.init = function() {alert("ready");}
$(function(){
    document.addEventListener("deviceready", Global.init, false);
});
$('#landing').live('pageshow', function(){alert('pageshow')});

我将在警报“就绪”之前看到警报“pageshow”(几秒钟)。无论如何，是否可以确保设备准备就绪后执行所有 JQuery 移动代码？

Answer 1

一旦“pageshow”功能在 deviceready 事件处理程序中被委托(delegate)，您必须触发“pageshow”事件:

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {
    $("#details_page").on("pageshow", function() {
        console.log("Hello world!");
    });
    $("#details_page").trigger("pageshow");
}