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');
        }
    }
});

这是我的问题的一个方面： 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/

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

1 个答案: