框架 7 - 组合位于不同 html 文件中的所有 html 站点

Question

呵呵，我正在使用 Framework 7 为 iOS 构建一个简单的 phonegap/cordova 应用程序。

太好了。我的项目被分成 不同的 html/js-files，因为否则查找代码错误/等会非常混乱（你知道我的意思：p）。

我的所有 html 页面和 js 文件（即使 如果它们现在没有显示）应该同时加载，因为它们必须'工作' 在后台。

但我无法将所有 html 文件 加载到一个 index.html Dom 树 中。

mainView.router.load({url: 'page1.html'})

您可以在上面看到我用来以编程方式切换我的页面的 javascript 代码，但是 -无论我尝试什么-我只加载了两个页面同时。

有人知道我的问题的解决方案吗？可以发布一些示例代码“如何将所有 framework7 html 站点加载到一个 dom 树中”。

我无能为力:-(

提前致谢
-乔乔

Answer 1

实际上一次加载所有 js 和 html 文件会降低性能

您应该使用 AMD 框架库（如 require.js）使用“按需加载”方法

Framework 7 已经给出了如何使用 require.js 的好例子

https://github.com/philipshurpik/Framework7-Contacts7-MVC