如何使菜单自动关闭?

时间:2014-08-07 03:49:17

标签: javascript ios mootools

当您点击屏幕的其他区域时,需要关闭菜单,请帮忙,我使用mootools功能

toggleMenu: function() {
    if (menuOpened) {
        $('home-menu').setStyle('-webkit-transform', 'translateX(-50px)');
        menuOpened = false;
    }
    else {
        $('home-menu').setStyle('-webkit-transform', 'translateX(0px)');
        menuOpened = true;
    }
},

1 个答案:

答案 0 :(得分:1)

如果我理解你的话,如果菜单外有点击,你想要关闭菜单。

建议(假设菜单已打开):

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/