jquery - 如何保留多页模板 PhoneGap？

Question

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

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

Answer 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 引用。