如何在单页移动布局中触发功能?$.ui.disableSideMenu();在应用框架上

How to trigger a function in a single page mobile layout? $.ui.disableSideMenu(); on App framework

本文关键字:disableSideMenu ui 应用 框架 功能 移动 单页 布局      更新时间:2023-09-26

我正在使用英特尔应用框架开发移动应用程序。我希望整个应用程序都在一个页面中,我认为它比多页应用程序更有效。

所以我的页面是这样的。

<div id="page_1">
<a href="#page_2">
</div>
<div id="page_2">
Page 2 content
</div>

因此,这里的divs page_1和page_2包含其内容,并且它们在其他页面中作为链接或通过按钮链接。

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

我想在第 2 页显示

该侧面导航栏,但不在第 1 页显示。

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

我已经尝试过使用点击事件使用此功能,例如

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

它工作正常,但是我如何仅在page_1上应用此功能?

您可以使用

面板上的data-loaddata-unload属性来描述禁用或启用侧边菜单的功能。

下面是一个工作示例: http://jsbin.com/isofiSe/2代码在这里: http://jsbin.com/isofiSe/2/edit

AFUI 面板的文档在这里:http://app-framework-software.intel.com/documentation.php#afui/afui_panels