Javascript 动态生成jQuery工具提示，不显示

其想法是创建一个图像列表，每个图像都有一个自定义工具提示，其中包含一个较大的图像。 这里有一个部分“起作用”的示例（工具提示显示在悬停状态下，但添加了一个128px的图像，为什么

for（idx=0；idx<2；idx++）{
变量tmpImg=$（''）
.css（'位置'，'绝对'）
.css（'left'，40*idx）
.css（'top'，50）
.css（'zIndex'，'1'）
.附加（tmpImg）；
工具提示（{content:''}）；
$（'map#u area'）。追加（tmpDivCard）；
}

---

主要问题是。您需要从

jqueryui

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" />

我看到您为image设置了样式

style=“宽度：128px；高度：128px；”

---

查看fiddle

谢谢，这解决了JSFIDLE示例中的问题，但是在添加.css文件后，第二部分仍然没有显示工具提示。有什么想法吗？是的，这只是我在捆绑包中加载

.js

文件的顺序有问题。它可以工作