Question

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

dropdown

我用以下方法激活工具提示：

<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>

如果出现错误，我想用红色边框设置工具提示的样式。我只找到了一种方法来设置全局工具提示的样式： Android Spinner (DropDown List) Example 但是如何在一个页面上使用两种不同风格的工具提示呢？

Answer 1

您可能希望使用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>

<强> CSS

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

<强>的JavaScript

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

这是我为你设置的小提琴。 http://jsfiddle.net/t1h3werd/

希望它有所帮助。

造型两个jquery-ui工具提示

1 个答案: