如何保留多页模板PhoneGap？答案

【问题标题】：How to keep Multi page template PhoneGap?如何保留多页模板PhoneGap？
【发布时间】：2015-04-29 08:32:07
【问题描述】：

我是 Hybrid 应用程序的新手，我在我的 Hybrid 应用程序中使用 PhoneGap、Jquery mobile，我的应用程序中有近 10 个单独的页面，例如（login.html、index.html、search.html 等）。我的问题是“我需要在每个页面中包含所有 Js、css 文件吗？还是只需要在第一个应用程序的页面中包含 js 和 css 文件”？

问题的原因是我注意到所有的内页都从第一页获得了所有的 css 和 js。是吗？

【问题讨论】：

如果您要开发一个移动网站或任何其他网站，您将如何使用 css 和 js 文件，就像在 cordova, www 文件夹中使用它一样。如果每个页面都有不同的css和js，我猜你必须在每个页面中包含它。

标签： jquery css html cordova jquery-mobile

【解决方案1】：

如果你执行ajax加载来加载单独的页面，你不需要将js，css引用放在多个页面中。

例如：

<a href="multipage.html" rel="external" data-ajax='true'>Multi-page link</a>

或动态

$.mobile.changePage( "multipage.html", { transition: "slideup", changeHash: false });

在这种情况下，无需在所有文件中添加引用。 multipage.html 将只包含正文内容。

但是如果你使用完整的页面加载，比如

window.location='multipage.html';

在这种情况下，在 multipage.html 文件中再次添加 js、css 引用。

【讨论】：

感谢您的回答@AtanuCSE :)，为什么我们需要“ajax 加载”？ “Ajax 加载”的目的是什么？
您需要阅读此页面以获得一些想法。 demos.jquerymobile.com/1.4.5/navigation-linking-pages 看到这个To enable animated page transitions, all links that point to an external page (ex. products.html) will be loaded via Ajax. 在 jquery mobile 中加载页面有不同的方法。阅读链接，你会很清楚。