文档准备就绪，$(document).on("xxx") 和函数 onDeviceReady() [关闭]

Question

我目前正在处理 jQuery mobile 和 PhoneGap 并且对此有一些疑问（文档和书籍没有帮助）。

我正在使用多页模板来开发移动应用程序。每个页面都有一些 JavaScript。

1. 每个 JavaScript 是否应该以 $(document).on("xxx") 开头？
2. document ready和$(document).on("xxx")有什么区别
3. 我还应该在每个 JavaScript 中使用 function onDeviceReady() 吗？

Answer 1

onDeviceReady() 应该用于 Phonegap 端，如果你想在成功加载 Phonegap 后执行任何操作。

Classic document ready 不应该与 jQuery Mobile 一起使用，因为在某些情况下它可以在页面加载之前/之后触发。

另一方面，on 方法只是用于事件绑定的方法。不要将其与准备好的文件混淆。您需要的是 jQuery Mobile 页面事件。阅读更多关于他们的信息here。

使用这个：

$(document).on('pageinit', function() {

});

而不是准备好文档。

存在多个页面事件，请在官方 documentation 或 here 中找到有关它们的更多信息。官方文档适用于旧版本的 jQuery Mobile，但它也可以转换为最新的 1.4 版本。