Question

我有一个正在开发的应用，我需要在点击onclick()时触发<div>事件。

换句话说，

<div id="panda"></div>

 $("#panda").click(function () {
        console.log("some text");
    });

所以这个陈述有效但现在可以说我有，

    <div id="panda">
    <lots of children>
     <div id="koala">
    </div>
    </lots of children>
    </div>


 $("#koala").click(function () {
        console.log("doesnt work");
    });

现在你看到了我的生活，我无法让考拉可以点击。父母的点击事件工作正常，点击一些我用作按钮工作正常的空div的evens，但由于某种原因，我不能让我填充的孩子<div>是可点击的。

任何想法可能是什么情况？

我试过了，

 $('#panda').click(function(e){
        if ($(e.target).is('#koala'))
        {
            console.log("koala");
        }

    });

但它只记录父母的每次点击。

Answer 1

一种选择是收听div的{{1}}个孩子。

panda

$("#panda").on('click','div',function() {
  console.log($(this).text()+' '+$(this).attr('id'));
});

Answer 2

尝试像这样选择'#panda #koala'

S_IRUSR

Answer 3

这是一个例子，

<div id="panda">Panda
    <div id="koala">Koala</div>
</div>

$("#panda").on('click', '#koala', function () {
    alert("koala!!!");
});

这是Fiddle

在许多容器Div中的div的OnClick事件

3 个答案: