jquery - 使用 qTip2 在 javascript 中定义样式？

Question

在 qTip1 中，您可以在运行时轻松设置每个工具提示的样式，但从 qTip2 开始，您可以“仅”传递一个 CSS 类以应用于工具提示。

好吧，这更干净，但是还有一种方法可以在运行时更改工具提示的样式（或至少是颜色）吗？

我猜想<style>在我的渲染视图中添加一个块来定义一个类，然后使用该类可以工作，但我更喜欢纯 javascript 的方式。

你怎么看 ？

Answer 1

您可以在运行时轻松更改类（以及每种样式） ：

$("#tip").qtip('option', 'style.classes', 'class-you-want');

查看我的演示（它会在运行时更改工具提示样式）

结果

HTML

<a href="#" id="tip">Tooltip for that</a><br>
<a href="#" id="r">RED</a> - <a href="#" id="b">BLUE</a>​

JavaScript

$(function() {
    $("#tip").qtip({
    content: {
        text: "Test"
        }});
    $("#r").click(function() {
        $("#tip").qtip('option', 'style.classes', 'ui-tooltip-red');
    });
    $("#b").click(function() {
        $("#tip").qtip('option', 'style.classes', 'ui-tooltip-blue');
    });
});​

您可以在文档中阅读更多内容