是否有任何重要原因要使用包含所有html的一个页面和设置data-role='page'
属性的div元素而不是PhoneGap中的多个页面文件?
我似乎在辅助页面上遇到了一些问题(即从index.html
链接),这些问题在制作主要加载文件时可以正常工作。
我之所以要问这一点,显然无法轻松导入可重用代码,例如所有包含所有包含的js的公共标题,因此无法遵守DRY原理
包含页面所有部分的所有部分的大页面看起来有点矫枉过正,所以我假设介入某些内容,例如在从一个页面转换到另一个页面时导入额外的js文件是合适的或者可能因为它们都是从本地文件系统加载的,加载时间足够快,可以做一个“大负载”
答案 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