如何使菜单自动关闭
How to make what the menu will automatically closes?
需要这样做,将是菜单关闭时,你点击到屏幕的另一个区域,请帮助,我使用mootools功能
toggleMenu: function() {
if (menuOpened) {
$('home-menu').setStyle('-webkit-transform', 'translateX(-50px)');
menuOpened = false;
}
else {
$('home-menu').setStyle('-webkit-transform', 'translateX(0px)');
menuOpened = true;
}
},
如果我没理解错的话,你是想在菜单外点击时关闭菜单。
建议(假设菜单是打开的):
window.addEvent('click', function (e) {
// this line under will give true if the click is outside the menu
if (e.target.id != 'home-menu' && !e.target.getParent('#home-menu')) myFunctionSpace.toggleMenu();
});
示例:http://jsbin.com/dicuquwe/1/
相关文章:
- 通过单击同一图标使菜单出现和消失
- 使用vue路由器,我如何才能使菜单选择的样式
- WordPress切换菜单 - 使菜单在当前页面上保持打开状态
- 下拉菜单、CSS、HTML和JavaScript:JavaScript使菜单跳转,无法正常工作
- 如何使菜单容器在悬停两个元素以外的所有元素时隐藏
- 无法使菜单选项项居中
- 如何使菜单出现(从左侧开始)并在单击按钮时消失
- 使菜单上下滑动
- 当在移动设备/平板电脑上单击某个项目时,使菜单消失
- 滚动经过时使菜单类处于活动状态
- 使菜单响应-手机/平板电脑大小
- 使菜单在手机上点击即出现
- 如何使菜单栏阴影更大时滚动
- 当菜单项被点击时,如何使菜单向上滑动
- 如何使菜单自动关闭
- 如何使菜单,如果活动不同的颜色上的codeigniter
- 我如何使菜单行响应
- 如何使菜单不可点击但可悬停
- 遇到麻烦,使菜单滑下点击,然后使用jquery反转这个动画
- Vue.js使菜单项激活