jQuery Mobile - Pages

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

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

Sr.No.	Type&说明
1	单个页面 使用标准的模板编写方式在HTML文档中创建单个页面.
2	多页面模板 单个HTML文档中可以包含多个页面，通过使用数据添加多个div来加载它们 - role ="page".
3	对话框页面 模态对话框在交互式叠加层中打开内容在页面上方.

约定，而不是要求

• 数据角色属性元素(如页眉，页脚，页面和内容)用于提供b asic格式和页面结构.

• 对于单页文档，自动初始化需要页面包装器设置为可选.

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

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

预取页面

包括属性 data-prefetch ，我们可以在单页模板中将页面预取到DOM中

DOM缓存

当浏览器内存在DOM中填满时，它会减慢移动浏览器的速度，或者由于加载多个页面而崩溃.有一种简单的方法可以保持DOM整洁 :

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

• 当您再次访问时，可以从缓存中重新访问您访问过的上一页.

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

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

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

 
 pageContainerElement.page({domCache:true}) ;