Javascript 工具提示悬停闪烁

我正在尝试添加工具提示（通过引导），这样当您将鼠标悬停在图像上时，它会在500毫秒延迟后显示工具提示。图像具有常规状态和悬停状态：

CSS:

HTML:

问题是，当我将鼠标悬停在图像上查看工具提示时，图像会闪烁，而不会显示工具提示，如下所示：

---

似乎很好用。您是否不包括jQuery，或者可能是因为您忘记指定高度和宽度，所以它突然出现在您不期望的地方

---

jsfiddle

：

你能给我们看看你的javascript代码吗？我已经用它编辑了我的原始帖子。：）@JohnSmith我在这里看不到它是的，它在JSFIDLE中对我也很好，但在我自己的网站上不起作用/是的，它在JSFIDLE中对我也很好，但在我自己的网站上不起作用/它可以公开寻址吗？

.image {
  background-image: url('../img/test.png');
  background-repeat: no-repeat;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.image:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

<div class="image"></div>

$('.image').tooltip({title: 'Text', delay: { show: 500, hide: 0 }, trigger: 'hover', html: true});