flybest 发表于 2014-9-29 16:55:25

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

因为项目需要，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>
当然可以做个批量处理，绑定事件

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

zq784161329 发表于 2015-5-1 23:14:39

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

feeltuan 发表于 2015-5-1 18:01:16

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

week2005 发表于 2015-5-2 04:04:46

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

snail 发表于 2015-5-2 06:15:21

html5 是趋势

ios/android 发表于 2015-5-2 09:09:29

页: [1]
查看完整版本: 右侧菜单栏点击链接菜单栏不自动隐藏的解决办法