jquery - 当用户点击按钮外部时隐藏菜单？

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');
         });

让我们处理身体上的点击，如果点击不在菜单上的任何地方，请隐藏