防止JavaScript/jQuery从更高的堆栈div下对鼠标作出反应

我正在WordPress中运行这个插件，它可以在图像上绘制形状漂亮的图像地图。它广泛使用JS/jQuery。我使用自定义脚本在单击形状时显示/隐藏div。此特定div堆叠在包含图像贴图的div之上。它的出现和消失都很好，但当我将鼠标移到它上面和/或单击它时，出于某种奇怪的原因，悬停和单击会穿过更高的堆叠div到达map div，同时仍在处理popover div。以下是设置方式的简化版本：

功能切换\u可见性（id）{
var e=document.getElementById（id）；
如果（e.style.opacity==“1”）
设置超时（（）=>{
e、 style.opacity='0'；
}，此为.animationDelay+2），
设置超时（（）=>{
e、 style.zIndex='-30'；
}, 400);
其他的
e、 style.zIndex='9999999'，
设置超时（（）=>{
e、 style.opacity='1'；
}，这是animationDelay+2）；
}

.city{
位置：相对位置；
}
#伊帕诺{
位置：固定；
最小宽度：90vw；
左：5vw；
最高：50%；
转化：translateY（-50%）；
不透明度：0；
z指数：-30；
}

//地图代码
//弹出代码

我看不到您在哪里注册onclick事件。我不知道这项工作是否会更好，只需对形状使用onclick函数，但无论如何，如果不看如何注册事件，我想你可以防止onclick，例如检查clickEvent.target.id！='divYouWantToignore'根据客户的偏好，我仅限于使用这些插件。但是，即使我删除了显示popover的JS，并简单地手动将其放置在地图顶部，单击/悬停仍在进行…CSS属性指针事件如何-可能是插件弄乱了它。-我确实玩过

指针事件：无它不会影响地图的任何HTML元素。这个问题缺少样式等数据，所以不知道什么包括什么，插件版本等-提供的代码看起来不错，但不允许重现问题。现在我们帮不了你。检查发布最小可复制示例的规则最好是沙箱