Question

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

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

但这似乎不起作用。我得到了一个“加载内容”的微调器，但似乎没有发生任何事情。

如何从不同的文件链接页面？

Answer 1

好的，我已经弄清楚了。文档有时很难搜索，现在他们的网站上没有可用的搜索框。但是如果你去快速入门，然后是AFUI（左侧），然后是面板属性，他们会说：

data-defer="filename.html" - 这会将内容加载到面板中来自远程页面/网址。这对于将内容分离为有用不同的文件。 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"-->

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

<强>更新

AF3 data-defer中的

现在是data-include

使用英特尔App Framework的多个html页面

1 个答案: