Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/383.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 上一级目录树上的div未收到click';通过';下分区_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 上一级目录树上的div未收到click';通过';下分区

Javascript 上一级目录树上的div未收到click';通过';下分区,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个包含另一个div的div。它们都是通过ajax请求获取的数据动态创建的 我有一个单击事件,我想附加到外部和内部div,但由于某种原因,当我单击下面第一幅图像中chrome渲染为蓝色的区域时,什么也没有发生 这是html窗格中的结构 这是执行事件的函数 $(document).ready(function () { $('body').click(function (event) { if ($(event.target).is('#INT-note')) {

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

我有一个单击事件,我想附加到外部和内部div,但由于某种原因,当我单击下面第一幅图像中chrome渲染为蓝色的区域时,什么也没有发生

这是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');
                });
            }

        }
    });
});
有没有什么方法可以让下分区通过“顶级”分区接收点击,这样我就不会有这样的do-like
$(“#lower,.upper”)
之类的东西

[pointer events:none;][3]
到目前为止对我不起作用,因为它似乎在我想要单击的div下面的div上启动了click函数。我只想降一级


谢谢

事件绑定似乎有问题,因为
div
s是动态插入的,请使用主体上的
单击
,这样它会自动将事件附加到插入的新元素

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

您不能使用正常的
单击
绑定
动态添加内容,请尝试
live
委派
,或者在

上使用较新的
,只需一个提示-live从1.7Oh开始就不推荐使用,但对我来说仍然可以使用。但是
上的
当然更可取。非常感谢。所以
上的
就是
$(document).ready(函数(){$('body').on('click,函数(event){if(event.is)('INT note')){etc etc
?这是相同的问题。很遗憾,单击无法到达div。我不清楚您的问题,您是否希望在单击内部div或外部div时在if条件内运行代码??