6、深入理解 jQuery Mobile 初始化事件

深入理解 jQuery Mobile 初始化事件

1. jQuery Mobile 初始化事件概述

在使用标准 JavaScript 时，包含脚本、绑定事件或操作可能在函数调用时尚不存在的数据时，会出现一些问题。jQuery 框架使用 $(document).ready() 函数来解决操作和加载问题，让我们能尽快访问函数。然而，对于 jQuery Mobile 框架来说，这却成了一个小问题。

jQuery Mobile 使用 AJAX 加载每个页面的内容，而不是重新加载整个 DOM 结构。 $(document).ready() 函数在每次页面加载时只运行一次，而不是每次 AJAX 调用时都运行。在 jQuery Mobile 中，除非用户请求或执行页面刷新，否则 $(document).ready() 函数是针对整个站点运行一次，而不是每个页面运行一次。这意味着，一些需要由 jQuery Mobile 设置的默认设置不能放在 $(document).ready() 函数中，因为它们不会应用到通过 AJAX 包含的页面上。

2. 使用 mobileinit 事件更改默认设置

为了解决设置和更改这些默认设置的问题，我们可以使用 mobileinit 事件，因为它会在 $(document).ready() 函数之前运行。要使用 mobileinit 事件，必须先包含 jQuery 框架，然后通过内联或包含一个外部 JavaScript 文件来绑定