jQuery - 如何隱藏DIV元素只有當點擊它外面

我有一個DIV元素，當執行某個動作時出現。爲了簡單起見，我寫了一個非常簡單的例程，模仿我遇到的問題。但是，我面臨的問題是，當您單擊DIV元素內部（並在textarea之外）時，它將無論如何都會隱藏DIV。jQuery - 如何隱藏DIV元素只有當點擊它外面

這裏是下面的代碼：

<body> 
outside div 
<br><br> 

<a href="#" id="wrap_on">make inside appear</a> 
<br><br> 

<div id='wrap' style='background:red;display:none;padding:10px;width:155px'> 
    <textarea id='inside'>inside div</textarea> 
    <div id='inside2'>also inside div -- click me</div> 
</div> 
</body> 

<script> 
$(document).ready(function() { 
    $('#wrap_on').click(function() { 
     $('#wrap').show(); 
     $('#inside').select().focus();  
    }); 

    $('#inside2').click(function() { 
     alert('test'); 
    }); 

    // #inside2 does not work but #wrap does hide 
    $('#wrap').focusout(function() { 
     $('#wrap').hide(); 
    }); 
}); 
</script>

或者你可以在這裏鼓搗：http://jsfiddle.net/hQjCc/

基本上，我希望能夠點擊文本「也在裏面格 - 點擊我「並彈出警報。但是，.focusout函數正在阻止它的工作。另外，如果您在其外面點擊，我想隱藏#wrap DIV。

來源

2011-02-06 James Nine

的可能重複[使用jQuery隱藏DIV當點擊外面（http://stackoverflow.com/questions/1403615/use-jquery當你點擊它以外的時候） – 2011-02-06 10:17:07

不是重複的 - 我試過這個解決方案，它對我不起作用;除非我做錯了什麼。這是我的執行：jsfiddle.net/hQjCc/2 – 2011-02-06 10:23:37

hahaha。另一個玩jquery的人。 – 2011-02-06 10:39:48

$(document).click(function(e) { 
    var t = (e.target) 
     if(t!= $("#inside").get(0) && t!=$("#inside2").get(0) && t!=$("#wrap_on").get(0)) { 
      $("#wrap").hide(); 
     } 
});

這應該畢竟。

http://jsfiddle.net/hQjCc/4/

來源

2011-02-06 10:08:55

看到這個其他堆棧溢出問題：Use jQuery to hide a DIV when the user clicks outside of it

來源

2011-02-06 10:12:06

jQuery - 如何隱藏DIV元素只有當點擊它外面

回答

相關問題