当用户单击按钮外部时隐藏菜单

Question

我尝试了许多不同的解决方案，但没有一个奏效。我做这件事的方法与其他人有点不同，我想这就是为什么他们的方法对我不起作用的原因。

我有这个:

   function toggle_visibility(id) {
   var e = document.getElementById(id);
   if(e.style.display == 'block')
      e.style.display = 'none';
   else
      e.style.display = 'block';
    }

我想使下拉菜单消失，不仅当你再次点击按钮关闭它，而且当你点击其他任何地方。

Answer 1

试试这个，我希望它会为你工作:

         $('body').not($('#menu').find('*'))
         .bind('click',function(){
            $("#menu").css('top', '-1000px');
            $("#menu").css('left', '-1000px');
         });

让我们处理主体上的点击，如果点击发生在菜单上的任何地方，做隐藏