右侧菜单栏点击链接菜单栏不自动隐藏的解决办法

flybest

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

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

复制代码

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

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

复制代码

同时进行左右两个判断。


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

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

复制代码

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

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

zq784161329

人不错，学习学习 感觉phonegap+html越来越火了。

feeltuan

好帖就是要顶 学习学习 html5趋势不可挡啊，虽然还在学习阶段

week2005

非常好 感谢 开始学习html5 app开发了

snail

html5 是趋势

ios/android