如何从继承的链接中排除此元素？

Question

我在whensayfeed.meteor.com有一个网站。每个“帖子”都嵌套在<a></a>元素中。每个人右侧的心脏应该是一个“像按钮”，所以它也需要可点击。但是，由于它嵌套在<a>中，因此单击时会转到该地址。我需要一种方法来排除这个元素，或者以其他方式这样做。我试图在链接中嵌套.chant元素，但它没有获取该点击。你认为我应该怎么做？

Answer 1

Nesting tags is illegal

尝试将您喜欢的按钮设为链接之外的链接。然后，您可以使用position：absolute来重叠帖子顶部的“喜欢”按钮。

Answer 2

试试这个：

设置z-index: 0;的{​​{1}}而不是之前的.post-contain。

有一个函数接收z-index: -20;点击事件，如下所示：

function onAnchorClicked(e){
 if(e.target.nodeName==='IMG'){
  console.log('Image clicked');
  e.preventDefault();
 }else{
  console.log('Anchor clicked');
 }
}

将点击事件分配给所有anchor代码：anchor

这样，您可以在点击$('a').on('click',onAnchorClicked);时执行您想要执行的操作。

尽管如此，虽然HTML5 does allow block-level elements to be nested inside an anchor tag但是legacy browsers will have a hard time。

解决方案可能是让您的帖子围绕img元素而非div behaves like an anchor tag并附带anchor属性，其中包含您的链接的值您可以从后端填充，例如： data-link，然后如上所述分配<div class="anchor-link" data-link="LINK GOES HERE">...</div>（显然更改选择器）。

希望这有帮助。