如何從繼承的鏈接中排除此元素？

Question

我在whensayfeed.meteor.com上有一個網站。 這些“帖子”中的每一個都嵌套在<a></a>元素中。 每個人右側的心臟應該是一個“喜歡的按鈕”，因此它也需要可單擊。 但是，由於它嵌套在<a>因此單擊時它只會轉到該地址。 我需要一種方法來排除此元素，或者以其他方式進行此操作。 我試圖將.chant元素嵌套在鏈接中，但它沒有獲得該點擊。 您認為我應該怎么做？

Answer 1

嵌套標簽是非法的

嘗試將您的“喜歡”按鈕設為發布鏈接之外的鏈接。 然后，您可以使用position：absolute重疊您在帖子頂部的點贊按鈕。

Answer 2

嘗試這個：

設置z-index: 0; .post-contain而不是先前的z-index: -20; 。

具有接收anchor點擊事件的功能，如下所示：

  函數onAnchorClicked（e）{\n  如果（e.target.nodeName === 'IMG'）{\n   console.log（'點擊圖片'）;\n   e.preventDefault（）;\n  }其他{\n   console.log（'點擊錨點'）;\n  }\n } 

將click事件分配給所有anchor標記： $('a').on('click',onAnchorClicked);

這樣，您可以執行單擊img時想要做的事情。

話雖這么說，盡管HTML5確實允許將塊級元素嵌套在錨標記中，但是傳統的瀏覽器將很難 。

一種解決方案可能是使您的帖子圍繞div元素而不是anchor ， anchor 行為類似於錨定標記，並帶有data-link屬性，該屬性包含可以從后端填充的鏈接值，例如： <div class="anchor-link" data-link="LINK GOES HERE">...</div> ，然后如上所述分配click （顯然是在更改選擇器）。

希望這可以幫助。