appframework - 使用英特尔应用框架的多个 html 页面

Question

所以我有一个应用程序，我试图去掉所有的 JQuery Mobile，现在使用英特尔的应用程序框架。我无法弄清楚如何将多个 html 页面集成到应用程序中，这样我就不必将所有代码都放在一个文件中。我试过这个：

$.ui.loadContent("page2.html");

但这似乎不起作用。我得到一个“加载内容”微调器，但似乎什么也没发生。

如何将不同文件中的页面链接在一起？

Answer 1

好的，所以我想通了。文档有时很难搜索，而且他们的网站上目前没有可用的搜索框。但是，如果您转到快速入门，然后是 AFUI（左侧），然后是面板属性，他们会说：

data-defer="filename.html"- 这会将内容从远程页面/url 加载到面板中。这对于将内容分离到不同的文件中很有用。在异步加载所有文件之前，af.ui.ready 不可用。

所以在我的 index.html 文件中我有这样的东西：

<div id="afui">
    <nav>
        <ul class="list">
            <li><a href="#post-lunch_panel" class="icon heart">Post a Lunch</a></li>
            <li><a href="#profile_panel" class="icon user">Personal Profile</a></li>
            <li><a href="#select-university_panel" class="icon chat">Select University</a></li>
        </ul>
    </nav>


<!--Main View Pages-->
<div class="panel" title="Events" id="event-list_panel" data-defer="event-list.html" data-load="loadMainEventsList">  </div>

<div class="panel" title="Description" id="description_panel" data-defer="description.html" data-load="loadEventDetails">  </div>

<div class="panel" title="Select University" id="select-university_panel" data-defer="select-university.html">  </div>

</div> <!--id="afui"-->

然后我将每个页面的详细信息放在单独的文件中。在我看来，这是一个字面的复制/粘贴，我还没有找到任何证据表明它不仅仅是一个复制/粘贴。

更新：

data-defer现在在AF3data-include