js如何判断左侧菜单是否是打开状态
學楽
- 发布:2014-11-28 14:49
- 更新:2014-11-29 00:09
- 阅读:1835
两种情况
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变量是识别菜单是否状态的