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

时间:2013-04-04 21:15:00

标签: jquery html css

我尝试了许多不同的解决方案,但没有一个有效。我这样做的方式与其他人有点不同,我认为这就是为什么他们不适合我。

我有这个:

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

   else
      e.style.display = 'block';

    }

我想让下拉菜单消失,不仅当你再次点击按钮关闭它,而且当你点击外面的任何其他地方时。提前谢谢。

1 个答案:

答案 0 :(得分:1)

试试这个,我希望它适合你:

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

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