JQuery Mobile子页面

Question

据我所知，在JQuery Mobile中，每次更改页面都相当于创建新的“page”div，我们可以只更改页面“内容”中的一部分，比如子页面吗？

Answer 1

1. jQuery Mobile不要求您通过在同一HTML文件中创建额外的div元素来管理页面 - 您可以在不同的HTML文件中完美地完成它并转换到它（也许设置data-prefetch属性）使用<a>。

2. 没有什么可以阻止你编写一个jQuery插件，jQuery UI插件或（可怕的，我知道）纯JavaScript，它将动态地改变DOM元素的内容并根据收到的数据管理页面加载从服务器 - 必要的调用listview('refresh')之类的东西 - 以确保正确的样式。

有了这个说你必须问自己两件事：

1. 你为什么需要这样做？您是否可以通过使用jQuery Mobile范例预先创建页面并仅检索数据并将其插入新页面来管理？

2. 如果我必须对每个“页面转换”执行DOM操作，性能影响（如果有的话）会是什么？

作为旁注 - jQuery Mobile为您提供了允许页面操作的方法：

您可以使用

$.mobile.changePage和$.mobile.loadPage（查看pageContainer选项）。

See API docs here

Answer 2

我正在尝试使用子页面的jQueryMobile插件：https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widget

我没有让它工作，但我认为它应该有效:)。