JQUERY，让两个 BIND/Click 一起玩得很好？

Question

我有以下代码行：

<li id="1" class=" ">
<a href="">Parking Lot</a>
<span id="1" class="list-edit">edit</span>
</li>

然后我有两个绑定：

$("#lists li").click(function(){.......

$(".list-edit").click(function(){.........

我遇到的问题是由于 CSS 样式原因，我需要 LI 来包含编辑范围，我有一个大的蓝色背景。但这阻止我绑定编辑按钮。有什么办法可以让两个人玩得愉快吗？

谢谢

Answer 1

您可以使用 event.stopPropagation 来阻止附加的点击处理程序单击编辑范围时触发到父 LI（如果这就是您的意思）：

$(".list-edit").click(function(e){
    e.stopPropagation();
    // do stuff
});