更改 Qtip 的内容答案

【问题标题】：Change Content of a Qtip更改 Qtip 的内容
【发布时间】：2013-09-11 07:28:22
【问题描述】：

我已阅读 api 文档和论坛，并试图在最初设置工具提示后更改它的内容，但它不起作用。我做错了什么？

HTML：

<p id="666">tooltip</p>

JQUERY

var qconfig = {
 show: 'mouseover',
 hide: { when: 'mouseout', fixed: true },
 position: { my: 'bottom center', at: 'top center', adjust: {y: 8} },
 style: { classes: 'qtip-light qtip-shadow' }
};

$("#666").qtip($.extend(true, qconfig, { content: { text: "before", title: "title is here" }}));
$("#666").qtip('option', 'content.text', 'after');
$("#666").qtip('api').set('content.text', 'another after');[/code]

我希望工具提示的内容是“之后”或“另一个之后”，但它仍然是“之前”。请帮忙。

JSFiddle 在这里：http://jsfiddle.net/Af64c/

【问题讨论】：

我不确定我是否遵循，您似乎知道如何设置工具提示，因为您在那里成功完成了它。这是一个提供简化版本的小提琴，但我认为它不能回答您的问题...jsfiddle.net/hfvzD
对不起，我想在设置后更改工具提示的内容。我更新了我的问题以澄清。

标签： jquery qtip qtip2

【解决方案1】：

你可以像这样改变内容

$('#666').data('qtip').options.content.text = 'after';

FIDDLE

【讨论】：

谢谢@khawer-zeshan，这行得通！此外，qtip2 的开发人员 Craig 表示，它看起来 $("#666").qtip('option', 'content.text', 'after'); 应该可以工作，但在当前的稳定版本 (2.1.1) 中已损坏，但在 qtip2.com/v/nightly 的夜间版本中已修复。