學楽
學楽
  • 发布:2014-11-28 14:49
  • 更新:2014-11-29 00:09
  • 阅读:1835

js如何判断左侧菜单是否是打开状态

分类:MUI
mui

js如何判断左侧菜单是否是打开状态

2014-11-28 14:49 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

两种情况

1.h5版本(支持拖拽,目前仅限ios使用)

var offCanvasContainer = document.querySelector('.mui-off-canvas-wrap');  
		var classList = offCanvasContainer.classList;  
//监听菜单打开,关闭事件  
		offCanvasContainer.addEventListener('webkitTransitionEnd', function(e) {  
			if (e.target && e.target.classList.contains('mui-inner-wrap')) {  
				if (classList.contains('mui-right') || classList.contains('mui-left')) {//识别当前菜单状态  
					//显示状态  
					mui.currentWebview.setStyle({'popGesture':'none'});  
				} else {  
					mui.currentWebview.setStyle({'popGesture':'close'});  
				}  
			}  
		});

2.5+版本(不支持拖拽)
查看hello-mui工程里的offcanvas-drag-left-plus-main.html代码。js代码里有个showMenu变量是识别菜单是否状态的

DCloud_UNI_CHB

DCloud_UNI_CHB

如上的H5版本的代码,既包含了切换监听,又包含了状态判断;
若仅需要判断状态的话,判断classList是否包含.mui-left或.mui-right即可;

该问题目前已经被锁定, 无法添加新回复