javascript - qTip2 - 更改类更改时使用的工具提示内容

Question

我正在使用 qTip2，并且我有一个带有工具提示的链接列表。我从链接中名为“data-normal”的属性中读取工具提示内容。每个链接旁边都有一个复选框，单击它会删除该链接的类并添加一些其他类。当这样更改链接时，我希望工具提示保持不变，但要从不同的属性（“数据更改”）中读取。

此外，当未选中该框（并且还原类）时，我希望它像更改之前一样运行。

有解决方案吗？

这是我用于此的一段代码：

$('.normal').qtip({
    content: {
    text: function(api) {
        return $(this).attr('data-normal');
        }
    }
});

$('.changed').qtip({
    content: {
    text: function(api) {
        return $(this).attr('data-changed');
        }
    }
});

这是我的问题的 jsfiddle：http: //jsfiddle.net/trunkadelic/Xkvnt/1/

这当然是我在网站本身上尝试做的一个简化示例。

Answer 1

$("a").qtip({
    content: {
        text: function(api) {
            if ($(this).hasClass('changed')) {
                return $(this).attr('data-changed');
            } else {
                return $(this).attr('data-normal');

            }
        }
    }
});

这应该有效。这是您更新的示例：http: //jsfiddle.net/Xkvnt/5/