jQuery Mobile：何时使用 `pageinit` 与 `$(document).ready()`？

jQuery Mobile：页面事件与 Document Ready

差异和用法

而 $(document).ready() 传统上用于 DOM元素操作，由于其基于 Ajax 的页面加载，它可能不适合 jQuery Mobile 应用程序。这可能会导致代码在页面完全加载之前执行。

在 jQuery Mobile 中，页面事件可以更好地控制页面执行。 $(document).on('pageinit') 在页面首次加载到 DOM 时触发，是初始化页面特定功能的理想位置。

使用页面事件的好处

• 避免在页面加载之前执行代码。
• 执行特定于特定页面的代码。
• 控制页面转换期间事件的执行顺序。

转换期间的页面事件顺序

页面之间转换时，按以下顺序触发事件：

1. 创建之前的页面（页面B)
2. pagecreate（页面 B）
3. pageinit（页面 B）
4. pagebeforehide (页A)
5. 页面删除（页面A）
6. 页面隐藏（页面A）
7. pagebeforeshow（页B)
8. pageshow（页面 B）

页面之间的数据操作

可以使用 dataUrl 将参数从一个页面传递到另一个页面和 $.mobile.changePage 中的数据选项。这些参数可以在目标页面的 pagebeforeshow 事件中使用 $(this).data("url") 或 $(this).data("data") 来检索。

结论

页面事件可以更精确地控制 jQuery Mobile 应用程序中的代码执行。通过利用这些事件，开发人员可以避免常见的陷阱并确保跨页面执行一致。

以上是jQuery Mobile：何时使用 `pageinit` 与 `$(document).ready()`？的详细内容。更多信息请关注PHP中文网其他相关文章！