jQuery Mobile - 页面

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

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

先生。 类型和描述
1 单页

使用编写模板的标准方法在 HTML 文档中创建单个页面。
2 多页模板

单个 HTML 文档中可以包含多个页面，通过添加多个带有data-role = "page"的 div 来加载该文档。
3 对话框页面

模式对话框在页面上方的交互式覆盖层中打开内容。

约定，而非要求

  • 页眉、页脚、页面和内容等数据角色属性元素用于提供页面的基本格式和结构。

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

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

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

预取页面

包括属性data-prefetch，我们可以在单页面模板中将页面预取到 DOM 中。欲了解更多信息，请点击此处。

DOM缓存

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

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

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

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

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

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

pageContainerElement.page({ domCache: true });