📜  jQuery Mobile-页面

📅  最后修改于: 2020-12-08 06:29:59             🧑  作者: Mango


用户可以与jQuery Mobile页面进行交互,后者将内容分为逻辑视图和页面视图。可以使用页面过渡为页面视图设置动画。可以使用HTML文档创建多个页面,因此,无需从服务器请求内容。

下表详细说明了页面类型。

Sr.No. Type & Description
1 Single Page

A single page is created in HTML document using a standard way of writing a template.

2 Multi-Page Template

Multiple pages can be included in the single HTML document, which loads together by adding multiple divs with data-role = “page”.

3 Dialogs Page

Modal dialogs open content in an interactive overlay above the page.

约定,不是要求

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

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

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

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

预取页面

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

DOM缓存

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

  • 当通过ajax加载页面时,则表示当您重定向到另一个页面时,将从DOM中删除该页面。

  • 当您重新访问它时,可以从缓存中检索您访问过的上一页。

  • 除了删除页面之外,您还可以使用以下代码行告诉jQuery mobile将其保留在DOM中:

$.mobile.page.prototype.options.domCache = true;
  • 在页面插件上将domCache选项设置为true,以将所有页面保留在DOM中,这是先前访问的。

pageContainerElement.page({ domCache: true });