jQuery Mobile - 页面

用户可以与 jQuery Mobile 页面交互，页面将内容分组到逻辑视图和页面视图中。页面视图可以使用页面过渡进行动画处理。可以使用 HTML 文档创建多个页面，因此无需从服务器请求内容。

下表详细演示了页面类型。

约定，而非要求

• 诸如标题、页脚、页面和内容之类的 data-role 属性元素用于提供页面的基本格式和结构。

• 对于单页面文档，自动初始化所需的页面包装器被设置为可选。

• 对于具有自定义布局的网页，可以排除结构元素。

• 为了管理页面，框架在标记中未包含页面包装器时会注入它。

预取页面

包含属性 data-prefetch，我们可以将页面预取到单页面模板中的 DOM 中。更多信息请 点击这里。

DOM 缓存

当浏览器内存在 DOM 中变得满时，由于加载多个页面，它会降低移动浏览器的速度或可能崩溃。有一种简单的方法可以保持 DOM 整洁 -

• 当页面通过 ajax 加载时，它指示在您重定向到另一个页面时从 DOM 中删除该页面。

• 当您重新访问之前访问过的页面时，可以从缓存中检索该页面。

• 您可以使用以下行告诉 jQuery mobile 将其保留在 DOM 中，而不是删除页面 -

$.mobile.page.prototype.options.domCache = true;

• 将 domCache 选项在页面插件上设置为 true 以将之前访问过的所有页面保留在 DOM 中。

pageContainerElement.page({ domCache: true });