jquery - href="#anchor" 链接不适用于外部可点击的 jQuery div

Question

我确实有大麻烦。我无法得到。我有

<div id="clickable">
  <a href="http://domain.de/link.html">link1</a>
  <a href="http://domain.de/link2.html">link2</a>
  <a href="http://domain.de/me.html#options">anchor link</a>
</div>

jQuery('#clickable').click(function () {
  window.location.href='http://domain.de/link.html';
});

link1 和 link2 工作正常，但锚链接调用 div 点击事件

我已经尝试了所有关于在stackoverflow上冒泡DOM的答案都没有event.stopPropagation(); return false; event.preventDefault();工作

only with event.stopPropagation();i 确实与没有任何东西具有相同的效果，如上所示

Answer 1

您需要防止点击事件冒泡到您的<a>项目的父母。例如：

<div id="clickable">
  <a href="http://domain.de/link.html">link1</a>
  <a href="http://domain.de/link2.html">link2</a>
  <a href="http://domain.de/me.html#options">anchor link</a>
</div>

jQuery('#clickable a').click(function(event){
    event.stopPropagation();
});

jQuery('#clickable').click(function () {
  window.location.href='http://domain.de/link.html';
});