Javascript 鼠标悬停时弹出图像闪烁

如果您运行代码段并将鼠标悬停在“hover here”上，您将看到一张脾气暴躁的猫的图片，但图像会反复闪烁：

您可能必须将光标移到显示“悬停在此处”的位置，然后将光标第二次悬停在上面

$（'[data toggle=“popover”]'）。popover(
{
触发器：“悬停”
，html:true
}
)

将鼠标悬停在这里

我想说它和

的宽度和高度有关，正如您可以看到的，在固定大小的情况下，它就像一个符咒

$（'[data toggle=“popover”]'）。popover(
{
触发器：“悬停”
，html:true
}
)

将鼠标悬停在这里

我想说它和

的宽度和高度有关，正如您可以看到的，在固定大小的情况下，它就像一个符咒

$（'[data toggle=“popover”]'）。popover(
{
触发器：“悬停”
，html:true
}
)

将鼠标悬停在这里

您之所以观察到这一点，是因为jquery添加了一个自动div，其中类popover具有绝对位置。这会导致它位于左上边缘，因此会在“鼠标悬停”文本上意外出现鼠标移出

我建议通过event.relatedTarget修改行为（如果event.relatedTarget是带有.popover类的div，那么不要在hover me文本上触发mouseout，但我猜您不能在jquery中修改它）。。为了证明我的意思，这里有一把小提琴：

---

该样式是jquery添加的popover div中的内联样式，因此我不得不使用！重要的是要覆盖它。

您之所以观察到这一点，是因为jquery添加了一个自动div，其中类popover具有绝对位置。这会导致它位于左上边缘，因此会在“鼠标悬停”文本上意外出现鼠标移出

我建议通过event.relatedTarget修改行为（如果event.relatedTarget是带有.popover类的div，那么不要在hover me文本上触发mouseout，但我猜您不能在jquery中修改它）。。为了证明我的意思，这里有一把小提琴：

该样式是jquery添加的popover div中的内联样式，因此我不得不使用！重要的是要覆盖它

div.popover {
  display:block;
  position:relative !important;
  top:200px !important;
}