Javascript 悬停在div上方,<;a>;标记未连接到链接

Javascript 悬停在div上方,<;a>;标记未连接到链接,javascript,jquery,html,css,Javascript,Jquery,Html,Css,基本上 我有一个不起作用的场景。让我解释一下 我有一个div,在悬停状态下,另一个div出现,前一个div进入背景。现在这里发生的是 悬停后的div由一个按钮组成。在按钮上有一个链接,可以重定向到另一个页面。也在那个分区上。我有一个--> 畅销书 将鼠标悬停在图像上进行放大 三星32 H40000 SKU ID:00000000 6000013898 添加到愿望列表 ♥ 主要特征 32英寸 USB支持多格式播放 2个HDMI 评级 审查(045) 分享这个 र 24

基本上

我有一个不起作用的场景。让我解释一下

我有一个div,在悬停状态下,另一个div出现,前一个div进入背景。现在这里发生的是

悬停后的div由一个按钮组成。在按钮上有一个链接,可以重定向到另一个页面。也在那个分区上。我有一个
-->
畅销书
将鼠标悬停在图像上进行放大
三星32 H40000
SKU ID:00000000 6000013898

添加到愿望列表 ♥

主要特征
  • 32英寸
  • USB支持多格式播放
  • 2个HDMI
评级 审查(045) 分享这个

र 24,990

र 23,990

包括所有税费

优惠:额外10%折扣


数量:

添加以比较
  • |
  • |
添加以比较

如何处理相关标记上的z-index属性?它们的堆叠顺序可能会阻止
工作。

发生此问题的原因是您在“产品覆盖”
div
上有一个
onclick
。您需要做的是,当用户单击
标签
标记时,停止事件的传播,这样它就不会执行产品覆盖的onclick

为此,只需添加一个
event.stopPropagation()在处理
标签的事件的开始/结束处单击事件

如果您想了解它如何在不更改任何代码的情况下快速工作:

  • 去你的办公室
  • 打开JavaScript控制台
  • 执行以下代码:

    $(.overlay content label”).on(“单击”,函数(){event.stopPropagation();})