用户可以与jQuery Mobile页面进行交互,这些页面将内容分组为逻辑视图和页面视图.页面视图可以使用页面过渡进行动画处理.可以使用HTML文档创建多个页面,因此无需从服务器请求内容.
下表详细说明了页面类型.
Sr.No. | Type&说明 |
---|---|
1 | 单个页面 使用标准的模板编写方式在HTML文档中创建单个页面. |
2 | 多页面模板 单个HTML文档中可以包含多个页面,通过使用数据添加多个div来加载它们 - role ="page". |
3 | 对话框页面 模态对话框在交互式叠加层中打开内容在页面上方. |
数据角色属性元素(如页眉,页脚,页面和内容)用于提供b asic格式和页面结构.
对于单页文档,自动初始化需要页面包装器设置为可选.
可以为具有自定义布局的网页排除结构元素.
要管理页面,页面当标记未包含时,框架会注入包装器.
包括属性 data-prefetch ,我们可以在单页模板中将页面预取到DOM中
当浏览器内存在DOM中填满时,它会减慢移动浏览器的速度,或者由于加载多个页面而崩溃.有一种简单的方法可以保持DOM整洁 :
当页面通过ajax加载时,它表示当您重定向到另一个页面时,从DOM中删除该页面.
当您再次访问时,可以从缓存中重新访问您访问过的上一页.
您可以通过使用以下行 : 告诉jQuery mobile将其保留在DOM中,而不是删除页面;
$ .mobile.page.prototype.options.domCache = true;
在页面插件上将domCache选项设置为true以保留所有页面DOM,以前访问过.
pageContainerElement.page({domCache:true}) ;