Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从继承的链接中排除此元素?_Javascript_Html_Css - Fatal编程技术网

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

Javascript 如何从继承的链接中排除此元素?,javascript,html,css,Javascript,Html,Css,我有一个网站在。每个“Posts”都嵌套在元素中。每个按钮右侧的心脏应该是一个“类似按钮”,所以它也需要可以点击。但是,由于它嵌套在一个中,所以单击时它只会转到该地址。我需要一种方法来排除此元素,或者以其他方式进行此操作。我试图将.chant元素嵌套在链接中,但它没有拾取该单击。你认为我该怎么办? 尝试将你的“喜欢”按钮设置为帖子链接之外的链接。然后,您可以使用position:absolute将您的like按钮重叠在文章顶部。尝试以下操作: 设置z索引:0的。post包含而不是先前的z索引:-

我有一个网站在。每个“Posts”都嵌套在
元素中。每个按钮右侧的心脏应该是一个“类似按钮”,所以它也需要可以点击。但是,由于它嵌套在一个
中,所以单击时它只会转到该地址。我需要一种方法来排除此元素,或者以其他方式进行此操作。我试图将
.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>。