jQuery document.ready与Phonegap deviceready

Question

我正在用jquery制作phonegap应用程序。我很困惑我是否应该换我整个里面的代码jQuery的$(document).ready()像

$(document).ready(function(){
    //mycode
});

或在phonegap的deviceready事件中，例如

document.addEventListener("deviceready", function(){
    //mycode
});

我目前正在使用，document.ready但我想如果尝试访问其中的某些Phonegap API方法，可能会遇到问题document.ready。

将我的代码包装在document.ready或deviceready中是最好的事件？

Answer 1

您应该使用deviceready事件来避免发生有趣的事情。

文档状态：

这是每个PhoneGap应用程序都应使用的非常重要的事件。

PhoneGap由两个代码库组成：本机代码和JavaScript。加载本机代码时，将显示自定义加载图像。但是，仅在DOM加载后才加载JavaScript。这意味着您的Web应用程序可能会在加载之前调用PhoneGap
JavaScript函数。

PhoneGap完全加载后，将触发PhoneGap设备就绪事件。触发设备后，您可以安全地拨打PhoneGap函数。

通常，document.addEventListener一旦HTML文档的DOM加载完毕，您便希望将事件监听器与之连接。