0

私はsthに大きな問題を抱えています。取得できません。私は持っています

<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();も機能していません

私だけevent.stopPropagation();が上に見られるように何もなしと同じ効果があります

4

1 に答える 1

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';
});
于 2013-02-22T12:49:04.203 に答える