javascript - 如何在单页移动布局中触发功能？$.ui.disableSideMenu(); 关于 App 框架

Question

我正在使用英特尔 App Framework 开发移动应用程序。我希望将整个应用程序放在一个页面中，我认为它比多页面应用程序有效。

所以我的页面是这样的。

<div id="page_1">

<a href="#page_2">

</div>

<div id="page_2">

Page 2 content

</div>

所以这里的 div page_1 和 page_2 包含它的内容，它们作为链接或通过按钮链接到其他页面。

在英特尔框架中，有一个内置的侧导航栏，从桌面或平板电脑视图的左侧延伸。

我想在第 2 页而不是在第 1 页显示该侧导航栏。

在这种情况下，有一个内置的应用程序框架功能来删除侧导航栏是 $.ui.disableSideMenu();

我已经用 onclick 事件尝试过这个功能，比如

<button onClick=" $.ui.disableSideMenu();">Remove Side Nav</button>

它工作得很好，但我怎样才能只在 page_1 上应用这个功能？

score 2 · Accepted Answer

您可以使用面板上的data-load和data-unload属性来描述禁用或启用侧菜单的功能。

这是一个工作示例： http: //jsbin.com/isofiSe/2 此处代码：http: //jsbin.com/isofiSe/2/edit

1 回答 1