Jquery mobile中每个屏幕的单独html页面答案

【问题标题】：Seperate html pages for each screen in Jquery mobileJquery mobile中每个屏幕的单独html页面
【发布时间】：2012-11-22 13:52:47
【问题描述】：

我是 Jquery Mobile 的新手，到目前为止，我搜索的任何示例都只包含一个用于整个应用程序的 html 页面，其中每个页面/屏幕都被定义为 div 标签，其中数据角色作为带有一些标题的页面和页脚可选。根据用户操作，我们隐藏了一些 div（页面）并仅显示预期页面。此外，正如一些博客所写，这个多页模板似乎是标准设计。还有其他设计方法吗？我想要的是多个html页面，例如一个用于登录，一个用于家庭，一个用于联系等。否则很难理解/编码/调试问题，尤其是像我这样具有Java背景的人。那么，什么我想要的是某种带有 JQueryMobile 的 MVC 设计，例如每个视图/屏幕作为与一个 js（控制器）关联的单独 html。我们可以在 JqueryMobile 应用程序中有多个 html 页面吗？如果可能，如何在它们之间传递数据/维护会话？任何样品都是最受欢迎的。提前致谢。

注意：我也不希望服务器端包含，可能应用程序包含 10 到 15 个屏幕，每个页面都会进行 Web 服务调用并获取一些数据并将其映射到 UI。

【问题讨论】：

标签： html jquery jquery-mobile jquery-plugins

【解决方案1】：

正如上面提到的 jerone，jQuery Mobile 文档清楚地说明了

我们强烈建议您将您的网站或应用程序构建为一系列单独的页面，因为它更干净、更轻量级并且在没有 JavaScript 的情况下工作得更好。

见http://jquerymobile.com/demos/1.2.0/docs/pages/page-template.html

因此，每个页面（可以是静态 HTML 文件或由脚本生成的任何内容（例如 PHP、Python 或其他））都是独立的，并且从一个页面到另一个页面的转换是使用 AJAX 调用完成的。

没有控制器这样的东西，除非你假设你的浏览器是一个！

【讨论】：

【解决方案2】：

您可以根据需要使用多个 html 文件。 jQuery Mobile 将自动将这些包含在 AJAX 中：http://jquerymobile.com/demos/1.2.0/docs/pages/page-navmodel.html

无论如何，jQuery Mobile 推荐一个包含多个页面的大 html 文件。

来自http://jquerymobile.com/demos/1.2.0/docs/pages/page-template.html

这个模板是标准的 HTML 文档，里面有一个“页面”容器，不像一个多页面模板里面有多个页面。 我们强烈建议将您的网站或应用程序构建为一系列单独的页面，因为它更简洁、更轻量级，并且在没有 JavaScript 的情况下也能更好地工作。

【讨论】：