Question

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 moving the mouse away and bringing it back.

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

Answer 1

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