Question

<div id="container">
    <div id="son1">
    </div>
    <div id="son2">
    </div>
</div>

当点击“container”或“son1”时，我需要调用“func1”，

当点击“son2”时，我需要调用“func2”，不应该再次调用“func1”。

如何使用jQuery？

$（'container'）。即使单击“son2”

，也会调用click（..）

Answer 1

$("#son1,,#container").click(function(event){
    // do your action 
});


$("#son2").click(function(event){
    // do your action 
});

并使用

event.stopPropagation()

如果您不想传播这些事件，请在这些div的click事件中

。

Answer 2

如果要在不调用容器上的click事件的情况下单击son2，则需要将son2移出container。

<div id="container">
    <div id="son1">
    </div>
</div>

<div id="son2">
</div>

<script type="text/javascript">
   /* <![CDATA[ */
   $('#son1,#container').click(func1);
   $('#son2').click(func2);
   /* ]]> */
</script>

使用jQuery在容器DIV和sub DIV上添加Listener

2 个答案: