两个事件触发，我怎么能忽略禁用/取消绑定另一个

Question

我有这个 sudo html

<ul>
<li id="434" class="home-page-item" >
<div id="x_434" class="home-page-item-foot remove-tile"></div>
<div class="home-page-item-div">
    </li>
 </ul>

然后我有这些点击

$( '.remove-tile').live("click", function(event){
      event.preventDefault();
      removeTile();
});  
$( ".home-page-item" ).live("click", function(event){
      console.log("Here as well");
      do_some_otherstuff():
});  

我遇到的问题是，如果该人单击删除磁贴div，则之后也会触发.home-page-item onclick。有没有办法防止第二个主页项目被触发？我认为也许解绑，但不确定如何使用它

谢谢

Answer 1

$( '.remove-tile').live("click", function(event){
      event.stopImmediatePropagation();
      removeTile();
});  
$( ".home-page-item" ).live("click", function(event){
      console.log("Here as well");
      do_some_otherstuff():
});

Answer 2

在函数中添加返回 false;它正在发生 事件传播 .在jQuery中，您可以使用返回假来防止 deafult （preventDefault） 和事件传播。

$( '.remove-tile').live("click", function(event){
      removeTile();
      return false;
});  
$( ".home-page-item" ).live("click", function(event){
      console.log("Here as well");
      do_some_otherstuff():
      return false;
}); 

Answer 3

这是因为事件冒泡。将event.stopPropagation();添加到点击事件中

$('.remove-tile').live("click", function(event) {
    event.stopPropagation();
    removeTile();
});