Question

我有这种HTML

<li class="one-reference per-reference ui-draggable" item-id="8" style="position: relative;">
     <a class="moduleItemTitle" href="http://localhost/derrickpang/index.php?option=com_k2&amp;view=item&amp;id=8">Knee pains</a>
     <span class="moduleItemDateCreated">Written on Wednesday, 19 October 2016 05:58</span>
     <span class="moduleItemHits">Read 393 times</span>
     <div class="clr"></div>
 </li>

我在类per-reference

的所有LI上绑定了事件

点击带有openRefModal的{{1}}标记时，我不想调用函数a我只想在.moduleItemTitle中打开该链接作为锚标记的正常行为

这是我试过的

href

Answer 1

只需为a代码moduleItemTitle类添加以下代码

jQuery(".per-reference").bind("click", openRefModal);
jQuery(".per-reference .moduleItemTitle" ).click(function( event ) {
  event.stopPropagation();
});

现在a标记已从点击事件中释放。

以下是jQuery stopPropagation

的详细信息

Answer 2

这样的事情应该有效：

$('.per-reference').click(function(event) {
  event.preventDefault();

  if (event.target.className !== 'moduleItemTitle') {
    // do what you want here   
  }
});

$('.per-reference > .moduleItemTitle').click(function(event) {
  event.preventDefault();
  document.location = event.target.href;
});

将LI上的事件绑定在LI-jQuery中的Anchor标记上

2 个答案: