div更高的树没有收到点击'通过'下部div

Question

我有一个包含另一个div的div。它们都是通过ajax请求提取的一些数据动态创建的。

我有一个点击事件，我想要附加到外部和内部div，但由于某些原因，当我点击区域时，在下面的第一张图片中呈现蓝色的铬色，没有任何反应

这是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')或其他什么？

到目前为止，{p> [pointer-events:none;][3]还没有为我工作，因为它似乎会触发我想要点击的div上方的点击功能。我只想下降一个级别。

谢谢！

Answer 1

事件绑定似乎存在问题，因为div是动态插入的，在身体上使用On代替click，因此它会自动附加事件插入新元素。

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

Answer 2

您无法对动态添加的内容使用普通click或bind，请尝试live，delegate或更新on。