我正在开始一个jquery mobile / phonegap应用程序。并且想知道是否有任何方法可以将我的代码保存在单独的文件中，以便更容易管理。从我在jquery mobile上完成的所有阅读看来，你的所有页面都在一个文件中，并且只是像<div data-role="page" id="page-one"></div>这样的div分开。我想我可以尝试制作某种类型的makefile，将它们连接在一起，但似乎大多数应用都非常冗长，他们应该有一个解决方案。将所有代码保存在一个文件中似乎无法维护。
JQuery演示，三个页面，所有一个源文件： http://demos.jquerymobile.com/1.1.0/docs/pages/multipage-template.html
答案 0 :(得分：0)
答案 1 :(得分：0)
jQuery Mobile允许您将页面放在单独的文件中。显然，每个文件必须符合标记页面的结构。 要指向链接中的另一个页面而不是id，请指定正确的文件名。如果文件然后您输入多个jquery移动页面也必须指定id。
答案 2 :(得分：0)
你可以使用jQuery mobile的普通链接：
http://demos.jquerymobile.com/1.4.0/navigation/
它会＆＃34;劫持＆＃34;链接和使用过渡为您提供原生的动画。正如Flatlineato指出，您需要使每个页面确认所需的标记，并且您需要在每个包含的页面上重复页眉/页脚等。
或者您可以使用更复杂的解决方案动态更改页面内容，这些内容可以存储在多个文件中，例如其他SO帖子：
including the header and footer in jquery mobile multiple page site
但我也同意Leo并说jQuery mobile并不是Phonegap的最佳选择，它不是那么优化，并且在Phonegap webkit视图中运行速度比在本机safari中运行速度慢
我已经切换到自定义导航系统并在我的Phonegap开发中早期放弃了jQM，但是在一年多以前，更新的版本可能会更好。