Javascript 如何从继承的链接中排除此元素?
我有一个网站在。每个“Posts”都嵌套在Javascript 如何从继承的链接中排除此元素?,javascript,html,css,Javascript,Html,Css,我有一个网站在。每个“Posts”都嵌套在元素中。每个按钮右侧的心脏应该是一个“类似按钮”,所以它也需要可以点击。但是,由于它嵌套在一个中,所以单击时它只会转到该地址。我需要一种方法来排除此元素,或者以其他方式进行此操作。我试图将.chant元素嵌套在链接中,但它没有拾取该单击。你认为我该怎么办? 尝试将你的“喜欢”按钮设置为帖子链接之外的链接。然后,您可以使用position:absolute将您的like按钮重叠在文章顶部。尝试以下操作: 设置z索引:0的。post包含而不是先前的z索引:-
元素中。每个按钮右侧的心脏应该是一个“类似按钮”,所以它也需要可以点击。但是,由于它嵌套在一个
中,所以单击时它只会转到该地址。我需要一种方法来排除此元素,或者以其他方式进行此操作。我试图将.chant
元素嵌套在链接中,但它没有拾取该单击。你认为我该怎么办?
尝试将你的“喜欢”按钮设置为帖子链接之外的链接。然后,您可以使用position:absolute将您的like按钮重叠在文章顶部。尝试以下操作:
z索引:0代码>的。post包含而不是先前的z索引:-20代码>
锚定单击事件的功能,如:
function onAnchorClicked(e){
if(e.target.nodeName==='IMG'){
console.log('Image clicked');
e.preventDefault();
}else{
console.log('Anchor clicked');
}
}
函数onAnchorClicked(e){
如果(例如,target.nodeName=='IMG'){
log('Image clicked');
e、 预防默认值();
}否则{
log('Anchor clicked');
}
}
锚定标记:$('a')。on('click',onAnchorClicked)代码>
img
时,您可以执行您想要执行的操作。div
元素上,而不是anchor
,后者附带一个数据链接
属性,该属性的值包含您可以从后端填充的链接,例如:
…
然后按上述说明指定单击
(明显更改选择器)
希望这有帮助。css z-index应该可以解决这个问题。我尝试了z-index,但它对我不起作用。也许我做得不对。你们介意试着在浏览器和post解决方案中调试它吗?当我点击你们的链接时,它只是一个蓝屏。我刚刚试过。是的,只需要几秒钟。可能返回false或preventDefault会给出您要查找的结果。我试着去那个页面,但它是蓝色的,没有帖子。这很有帮助。当我点击心脏时,它会运行我的onclick事件,但很快就会转到我的链接。@IsaacRiley Wasserman你删除了
img
标记了吗?我在网站上再也看不到了。另外,您的init()代码>函数不起作用,因为body
的onload()
事件不能保证您的内容也已加载。请使用Meteor公开的事件,例如Template.FullFeed.onCreated
、Template.FullFeed.onstroed
事件,或者在您的情况下最重要的事件是Template.FullFeed.onRendered
事件。做你在init()中做的事情此onRendered
方法中的code>。