javascript - 无法在超链接的 div 中单击 img

Question

当使用 jQuery 单击 gear-img div 时，我试图显示一个下拉列表，但由于它被包裹在 a 标记中，它最终将我重定向到url，我也希望整个 div 可点击。请提出解决方案或更好的方法来实现这一目标。

<a href="http://www.google.com">
  <div class="content">
    <div class="gear-img"><img src="images/ic-settings-black-24-px.svg"></div>
    <div class="dropdown"></div>
  </div>
</a>                    

Answer 1

您可以停止将事件传播到父标签:

$(".gear-img").click( function(event){
     //you toggling code here....
     event.preventDefault();
     event.stopPropagation();
});

为每个不同行为的 div 添加不同的可点击行为。