javascript - JQuery 移动子页面

标签 javascript jquery-mobile

据我所知,在 JQuery Mobile 中,每次更改页面都相当于创建新的“页面”div,我们能否仅更改页面“内容”的一部分,例如子页面?

最佳答案

  1. jQuery Mobile 不需要您通过创建额外的 div 来管理页面元素在同一个 HTML 文件中 - 你可以在不同的 HTML 文件中完美地完成它并使用 data-prefetch 转换到它(可能使用 <a> 属性集) .

  2. 没有什么能阻止您编写 jQuery 插件、jQuery UI 插件或(尽管我知道这很可怕)纯 JavaScript,它们将动态改变 DOM 元素的内容并根据接收到的数据管理页面加载来自服务器 - 需要调用 listview('refresh') 的东西ilk - 确保样式正确。

话虽如此,您必须问自己两件事:

  1. 为什么需要这样做?您不能通过使用 jQuery Mobile 范例预先创建页面并仅检索数据并将其插入新页面来进行管理吗?

  2. 如果我必须对每个“页面转换”执行 DOM 操作,对性能有何影响(如果有)?

附带说明 - jQuery Mobile 为您提供了允许页面操作的方法:

$.mobile.changePage$.mobile.loadPage您可以使用(查看 pageContainer 选项)。

See API docs here

关于javascript - JQuery 移动子页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7885438/

相关文章:

javascript - 这个额外的空间从何而来?

javascript - 突出显示由 #id 链接到的页面部分

javascript - 类内部的bind()与 "classic"对象内部的bind

javascript - 移动设备上性能更好的 JSON 替代方案

javascript - 在使用 Redux 进行 React 时,如何在从我的商店/状态中删除项目后更新我的 View

javascript - JSCallback Server Closed : Stopping callbacks如何解决

javascript - 动态添加 HTML 到 jquery mobile 后刷新一个部分

javascript - JQuery Mobile 检测到是否有互联网连接

javascript - 仅使用部分 jQuery Mobile

android - 使用 WebView/phoneGap 转换移动 Web 和 native 应用程序