1

是否有任何重要的理由使用其中包含所有 html 的页面和具有属性集的 div 元素而不是PhoneGapdata-role='page'中的多个页面文件？

我似乎在辅助页面（即链接自index.html）上的代码存在一些问题，这些代码在制作主加载文件时又可以正常工作。

我问这个问题的一个原因是显然无法轻松导入可重用代码，例如所有页面通用的包含所有包含和 js 的公共标头，因此无法遵守DRY原则。

包含页面所有部分的所有内容的大页面似乎有点矫枉过正，所以我假设在从一个页面转换到另一个页面时导入额外的 js 文件是合适的，或者因为它们重新从本地文件系统加载，加载时间足够快，可以完成一次“大负载”

4

3 回答 3

2

您可以做的也许是拥有一个index.html包含所有页面准系统 HTML 的文件，如下所示：

<!-- Start of second page -->
<div data-role="page" id="second">
</div><!-- /page -->
<!-- Start of third page -->
<div data-role="page" id="third">
</div><!-- /page -->

因此，每当客户端加载带有哈希 url 的页面时#third，它将被转移到第三个页面。也许您可以触发一个 AJAX 请求，该请求在页面加载到 DOM 后构建页面。

于 2012-10-23T07:42:01.893 回答
0

例如，为所有页面使用一个 html 文件的充分理由是能够使用某些模板引擎。
您可以在开始时创建和初始化所有页面。

于 2012-10-21T20:05:56.040 回答
0

您需要将每个页面的主要内容保存在单独的 html 文件中。然后，您可以使用 jQuery Mobile ajax 调用来拉入这些模板文件中的每一个。查看http://jquerymobile.com/demos/1.0a4.1/docs/pages/docs-navmodel.html

于 2012-10-21T20:24:13.080 回答