2013-09-10 80 views
4

我已閱讀api文檔和論壇,並試圖在最初設置後更改工具提示的內容,但它不起作用。我究竟做錯了什麼?更改Qtip的內容

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/

+0

內容我不知道我跟着,好像你知道如何設置的提示,因爲你一旦成功就成功了。這裏有一個提供簡化版本的小提琴,但我不認爲它會回答你的問題... http://jsfiddle.net/hfvzD/ – Carter

+0

對不起,我想在設置後更改工具提示的內容。我更新了我的問題以澄清。 – CMH

回答

8

你可以改變這樣的

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

FIDDLE

+2

謝謝@ khawer-zeshan,工作!另外,qtip2的開發者Craig說它看起來像'$(「#666」)。qtip('option','content.text','after');'應該可以工作,但是在當前的穩定版本中被破壞(2.1.1),但在每晚的http://qtip2.com/v/nightly/上修復。 – CMH