PhoneGap中文网

 找回密码
 立即注册
查看: 15583|回复: 5

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

[复制链接]

1

主题

3

帖子

31

积分

新手上路

Rank: 1

积分
31
发表于 2014-9-29 16:55:25 | 显示全部楼层 |阅读模式
因为项目需要,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>
复制代码

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

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

使用道具 举报

0

主题

11

帖子

60

积分

注册会员

Rank: 2

积分
60
发表于 2015-5-1 23:14:39 | 显示全部楼层
人不错,学习学习 感觉phonegap+html越来越火了。
it营
回复 支持 反对

使用道具 举报

0

主题

16

帖子

53

积分

注册会员

Rank: 2

积分
53
发表于 2015-5-1 18:01:16 | 显示全部楼层
好帖就是要顶 学习学习 html5趋势不可挡啊,虽然还在学习阶段
回复 支持 反对

使用道具 举报

0

主题

17

帖子

56

积分

注册会员

Rank: 2

积分
56
发表于 2015-5-2 04:04:46 | 显示全部楼层
非常好 感谢 开始学习html5 app开发了
回复 支持 反对

使用道具 举报

0

主题

20

帖子

55

积分

注册会员

Rank: 2

积分
55
发表于 2015-5-2 06:15:21 | 显示全部楼层
html5 是趋势
回复 支持 反对

使用道具 举报

0

主题

17

帖子

60

积分

注册会员

Rank: 2

积分
60
发表于 2015-5-2 09:09:29 | 显示全部楼层
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-3-28 17:58 , Processed in 0.053264 second(s), 34 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表