当我点击页面上的任何其他位置时，我需要我的菜单栏自动关闭

Question

当我点击页面上的任何其他位置时，如何使菜单自动关闭。请帮忙。感谢。

$('#menuToggle, .menu-close').on('click', function(){
            $('#menuToggle').toggleClass('active');
            $('body').toggleClass('body-push-toleft');
            $('#theMenu').toggleClass('menu-open');
        });

Answer 1

像...一样的东西。

$('#menuToggle, .menu-close').on('click', function() {
  $('#menuToggle').toggleClass('active');
  $('body').toggleClass('body-push-toleft');
  $('#theMenu').toggleClass('menu-open');
});

$('*').on('click', function() {
      if ($("#theMenu").hasClass("menu-open") {
          //to bad :(
        } else {
          $('#menuToggle').toggleClass('active');
          $('body').toggleClass('body-push-toleft');
          $('#theMenu').toggleClass('menu-open');
        }
      });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>