AppFramework - 使用来自不同文件的面板

【问题标题】：AppFramework - using panels from separate filesAppFramework - 使用来自不同文件的面板
【发布时间】：2014-04-16 10:30:54
【问题描述】：

我正在检查 AF/AFUI/XDK，一切都很好，我只需要一些关于如何构建我的应用程序的建议 - 我有一个主要的“内容”div 并且我的面板位于其中，以更改我的页面区域使用例如。 href="#newdivname" 并且新面板已加载，很好，只要所有面板都在同一个页面/文件中。

如何通过在不同的物理 html 文件中定义不同面板的代码来实现这一点？这对我来说很有意义，因为我没有一个庞大而笨重的文件。

【问题讨论】：

【解决方案1】：

在主 index.html 中，您可以使用 data-defer 属性指定面板，如下所示：

<div class="panel" id="panel2" data-defer="panel2.html"></div>

这将在panel2 中加载panel2.html 的内容

【讨论】：