开发者

qTip2 - refresh tooltip while it is active

I'm using qTip2 here, and need the ability to refresh the content of the tooltip while it is still active. The elements with the tooltip have a click event that does some calculations that can change what I want to be displayed in the tooltip.

I have tried calling the 'destroy' method and rebinding the qtip2 after each recalculation, and it works but only after movin开发者_JAVA百科g the mouse away and bringing it back.

What I want to achieve is to force the currently active tooltip to redraw itself.


If you look in the documentation, there is a "set" method to change the content:

$('.selector').qtip('option', 'content.text', 'new content'); // Preferred

Is that what you're looking for?


Update: After testing out the api options, they seem to not be working properly, but I've found another method - here is a demo - hover over the tip for 1 sec to see it change.

// make sure you target a specific tip
var qapi = $('#tip1').data('qtip'),
    newtip = 'new tooltip content'
qapi.options.content.text = newtip; // update content stored in options
qapi.elements.content.text(newtip); // update visible tooltip content
qapi.redraw(); // redraw to adjust tooltip borders
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜