如何在单页移动布局中触发功能?$.ui.disableSideMenu();在应用框架上
How to trigger a function in a single page mobile layout? $.ui.disableSideMenu(); on App framework
我正在使用英特尔应用框架开发移动应用程序。我希望整个应用程序都在一个页面中,我认为它比多页应用程序更有效。
所以我的页面是这样的。
<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-load
和data-unload
属性来描述禁用或启用侧边菜单的功能。
下面是一个工作示例: http://jsbin.com/isofiSe/2代码在这里: http://jsbin.com/isofiSe/2/edit
AFUI 面板的文档在这里:http://app-framework-software.intel.com/documentation.php#afui/afui_panels
相关文章:
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- jQuery UI自动完成突然停止工作
- 如何使用skip参数使用angular ui引导进行服务器端分页
- AngularJS UI路由器不能像ng路由器那样工作
- 我可以更改剑道UI网格吗's的外键值
- 剑道UI内联编辑:如何在点击其他按钮时隐藏按钮
- Rails/JSON:如何将JSON用于jquery UI自动完成表单
- 停止jQuery UI滑块移动超过给定值
- 混合 ui-sref 和 $state.go 在 Angular ui-router 中进行状态转换
- Jquery UI自动完成无法工作
- 语义ui如何使用javascript启用或禁用下拉列表
- jquery ui滑块上的滑块值
- jQuery UI可排序-多连接列表拖动
- 如何在Angular UI网格中选择下一行
- 对具有ui typeahead的对象中的值执行orderBy
- AngularJS ui路由器html5模式中断路由
- EJS中的Angularjs-Ui路由器参数
- 使用导航属性创建Kendo UI网格模型的问题
- ui网格将单元格显示为选择标记
- 如何在单页移动布局中触发功能?$.ui.disableSideMenu();在应用框架上