函数在jquery中触发？

Question

在我的jquery函数中，我曾经单独从li和img触发click函数但是 不幸的是，当我点击图像。单击功能列表也触发

HTML CODE：

  <li id="list_id">List_text<img src='image.jpg' id="img_id"></li>

Jquery功能：

$("#list_id").click(function(){
 alert('List is clicked');
});

$("#img_id").click(function(){
 alert('Image is clicked');
});

一旦我点击图像两个功能触发器。

* 问题： *点击图片后，我需要触发图像的点击功能，点击列表后触发点击功能

Answer 1

您需要stop the event propagation：

$("#img_id").click(function(evt){
    alert('Image is clicked');
    evt.stopPropagation();
});

Answer 2

使用event.stopPropagation（）;

     $("#img_id").click(function(){
             alert('Image is clicked');
  event.stopPropagation();
            });

Answer 3

$("#img_id").click(function(){
  alert('Image is clicked');
  return false;
});

只需从函数返回false，prevent the event from bubbling up（防止其他默认操作，如果你想要的话）。