📅  最后修改于: 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保持整洁-
当通过ajax加载页面时,则表示当您重定向到另一个页面时,将从DOM中删除该页面。
当您重新访问它时,可以从缓存中检索您访问过的上一页。
除了删除页面之外,您还可以使用以下代码行告诉jQuery mobile将其保留在DOM中:
$.mobile.page.prototype.options.domCache = true;
在页面插件上将domCache选项设置为true,以将所有页面保留在DOM中,这是先前访问的。
pageContainerElement.page({ domCache: true });