Javascript 设置两个jquery ui工具提示的样式

我使用工具提示在网站上显示提示和错误，例如：

<span class="help">
<a title="hint for inputfield" href="javascript:void(0);">?</a>
</span>

<span class="error">
<a title="Please fill out!" href="javascript:void(0);">!!!</a>
</span>

如果出现错误，我想用红色边框设置工具提示的样式。我只找到了一种设置工具提示全局样式的方法：

---

但是如何在一个页面上使用两个不同样式的工具提示？

您可能希望使用tooltipClass属性向错误工具提示添加自定义类

HTML

<span class="help">
    <a title="hint for inputfield" href="javascript:void(0);">?</a>
</span>

<span class="error">
    <a title="Please fill out!" href="javascript:void(0);">!!!</a>
</span>

JavaScript

$(".help").tooltip();
$(".error").tooltip({
    tooltipClass: "error-style"
})

这是我为你准备的小提琴。

---

希望能有帮助。

你能用小提琴重现问题，这样我们就可以玩了吗？这很简单。。。没有意识到可以单独处理工具提示。

.error-style {
    border: 1px solid red;
}

$(".help").tooltip();
$(".error").tooltip({
    tooltipClass: "error-style"
})