2013-04-04 80 views
0

我已经尝试了许多不同的解决方案,但都没有工作。我的做法与其他人有点不同,我认为这就是为什么他们不会为我工作。当用户在按钮外部单击时隐藏菜单?

我有这样的:

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

    else 
     e.style.display = 'block'; 

    } 

我想使下拉菜单消失,不仅当你点击该按钮即可关闭它,而且当你点击其他地方之外。先谢谢你。

+0

您标记这是jQuery ... jQuery在哪里?你也可以提供HTML吗? – Dom 2013-04-04 21:24:04

+0

也许[这一个](http://stackoverflow.com/questions/1403615/use-jquery-to-hide-a-div-when-the-user-clicks-outside-of-it?rq=1)帮助您。 – pzin 2013-04-04 21:24:51

+0

对不起,关于jQuery标签,我的意思是把Javascript – Bennett 2013-04-04 23:48:54

回答

1

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

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

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

+0

我想我实际上已经想通了,谢谢你的回答! – Bennett 2013-04-04 23:50:37

相关问题