div更高的樹不接收點擊'通過'更低的div

Question

我有一個包含另一個div的div。它們都是通過ajax請求拉動的一些數據動態創建的。

我有，我想連接到外部和內部的div都click事件，但對於當我點擊面積鍍鉻某種原因使藍色下面的第一個圖像中，沒有任何反應

這裏是在html窗格中的結構

這是確實的事件的函數

$(document).ready(function() { 
    $('body').click(function (event) { 
     if ($(event.target).is('#INT-note')) { 
      if (!$('#INT-note').hasClass('expanded_note')) { 
       $('#INT-note').addClass('expanded_note'); 

       $('#INT-note').animate({ 
        height: '300', 
        width: '200', 
        overflow: 'scroll' 
       }, 500, function() { 

        $('#INT-note_text').fadeIn(100); 
       }); 

      } else { 

       $('#INT-note').removeClass('expanded_note'); 
       $('#INT-note_text').fadeOut(100); 
       $('#INT-note').animate({ 
        height: '45', 
        width: '45', 
        overflow: 'hidden' 
       }, 500, function() { 
        //console.log('test'); 
       }); 
      } 

     } 
    }); 
}); 

有什麼方法可以讓低位div通過'頂級​​'div獲得點擊，這樣我就沒有像$('#lower, .upper')這樣的東西嗎？

[pointer-events:none;][3]到目前爲止還沒有爲我工作，因爲它似乎在點擊下面的div時觸發點擊功能。我想只想下一級。

謝謝！

Answer 1

似乎有與事件結合的一個問題，因爲div s的dynamiclly插入，對人體使用On代替click，所以它會自動連接該事件插入新的元素。

$('body').on('click',function (event) { 
    //same code 
}); 

Answer 2

您不能正常使用與動態添加內容click或bind，嘗試live，delegate或更近on。