javascript - 从左侧推/滑菜单。是否需要通过单击整个页面来隐藏菜单？

我已经找到了这个JSFiddle，并且我不知道如何解决它，因此用户可以通过单击内容中的任意位置而不是仅单击按钮来退出菜单。我没有多个选择，我无法弄清楚吗？

    $(document).ready(function() {
    $menuLeft = $('.pushmenu-left');
    $nav_list = $('#nav_list');

    $nav_list.click(function() {
        $(this).toggleClass('active');
        $('.pushmenu-push').toggleClass('pushmenu-push-toright');
        $menuLeft.toggleClass('pushmenu-open');
    });
});

谢谢！

最佳答案

您可以点击<html/>标记并隐藏菜单：

$('html').click(function() {
    $nav_list.removeClass('active');
    $('.pushmenu-push').removeClass('pushmenu-push-toright');
    $menuLeft.removeClass('pushmenu-open');
});

这需要停止事件冒泡，因此您的初次单击功能必须以

$nav_list.click(function(e) {
    e.stopPropagation();

整个事情肯定可以优化，但是应该为您提供一个起点。

这是更新的Fiddle。

关于javascript - 从左侧推/滑菜单。是否需要通过单击整个页面来隐藏菜单？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34967708/