2013-04-04 83 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

相關問題