PhoneGap中文网

标题: 右侧菜单栏点击链接菜单栏不自动隐藏的解决办法 [打印本页]

作者: flybest 时间: 2014-9-29 16:55
标题: 右侧菜单栏点击链接菜单栏不自动隐藏的解决办法
因为项目需要，Side Menu不能从左边出现而必须从右边出现，这样就不能使用data-nav必须使用data-aside，同样侧边栏nav必须换成aside，但问题出现了，点击右菜单栏的链接后菜单栏不能自动隐藏（如果左侧菜单栏同时存在不会出现这个问题，只有右菜单栏单独存在才会出现），分析了一下APP Framework的代码，找到了问题所在。
可以从两个方面解决：
1. 修改appframework.ui.js源码，692行

if(!aside&&!this.isSideMenuEnabled()) return;

复制代码

这里只判断了左侧菜单栏是否存在，所有只有右菜单栏的话肯定就reurn了，这应该是本质问题，可以改成

if(!aside&&!this.isSideMenuEnabled()<span style="line-height: 1.5;">&&!</span>this.isAsideMenuEnabled()<span style="line-height: 1.5;">) return;</span>

复制代码

同时进行左右两个判断。

2. 不修改源码，在自己的代码中，链接加上onclick事件

<li><a class="" href="#main" onclick="$.ui.toggleLeftSideMenu(false,0,0,true);">链接</a></li>

复制代码

当然可以做个批量处理，绑定事件

我选择了第二种方式，因为实在不想修改源码，就怕出问题，希望有用。

作者: feeltuan 时间: 2015-5-1 18:01
好帖就是要顶学习学习 html5趋势不可挡啊，虽然还在学习阶段

作者: zq784161329 时间: 2015-5-1 23:14
人不错，学习学习感觉phonegap+html越来越火了。

作者: week2005 时间: 2015-5-2 04:04
非常好感谢开始学习html5 app开发了

作者: snail 时间: 2015-5-2 06:15
html5 是趋势

作者: ios/android 时间: 2015-5-2 09:09

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)