正确的PhoneGap - Cordova多重方法

时间:2012-10-21 18:11:33

标签: cordova structure

是否有任何重要原因要使用包含所有html的一个页面和设置data-role='page'属性的div元素而不是PhoneGap中的多个页面文件?

我似乎在辅助页面上遇到了一些问题(即从index.html链接),这些问题在制作主要加载文件时可以正常工作。

我之所以要问这一点,显然无法轻松导入可重用代码,例如所有包含所有包含的js的公共标题,因此无法遵守DRY原理

包含页面所有部分的所有部分的大页面看起来有点矫枉过正,所以我假设介入某些内容,例如在从一个页面转换到另一个页面时导入额外的js文件是合适的或者可能因为它们都是从本地文件系统加载的,加载时间足够快,可以做一个“大负载”

3 个答案:

答案 0 :(得分: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加载后构建页面。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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