2014-08-31 97 views
-2

我點擊div有問題。點擊div除了一格div

例子:

<div class="search"> 
    <div class="row"> 

    </div> 
    <div class="row1"> 
     DROPDOWN 
    </div> 
</div> 

嘗試的jQuery:

$('body').click(function(e){ 
    if(! $(e.target).hasClass('.row')){ 
     console.log('clicked on something that has not the class theDIV'); 
    } 
}); 

我想,當我點擊某個搜索或全身,能排掩飾自己的下拉菜單(ROW1)。 圖片:

+0

我想這一點,而我的計算器發現,但沒有什麼幫助 $( '身體')點擊(。函數(e){if(!$(e.target).hasClass('。row')){console.log(' \t} \t}); – 2014-08-31 10:50:11

回答

0

試試這個:

$('body').click(function(e){ 
    var target = $(e.target); 
    if (target.is(".search") && $('.row1').is(':visible')) { 
     $('.row1').hide(); 
    } 
    else if(target.is(".search") && !$('.row1').is(':visible')) { 
     $('.row1').show(); 
    } 
}); 
+0

謝謝,這工作! – 2014-08-31 11:01:53

0
$(document).ready(function(){ 

    $(".search").click(function(){ 

    $(".row1").fadeOut() 

}) }) 
+0

但這是錯誤的,因爲row1是下拉,當我點擊「打開」下拉列表,使用此功能row1將立即關閉 – 2014-08-31 10:51:46