我在这里使用 qTip2,并且需要能够在工具提示仍处于活动状态时刷新它的内容。带有工具提示的元素有一个单击事件,该事件会进行一些计算,这些计算可以更改我希望在工具提示中显示的内容。
我尝试在每次重新计算后调用“destroy”方法并重新绑定 qtip2,但它只能在将鼠标移开并将其带回来之后才能工作。
我想要实现的是强制当前活动的工具提示重新绘制自己。
我在这里使用 qTip2,并且需要能够在工具提示仍处于活动状态时刷新它的内容。带有工具提示的元素有一个单击事件,该事件会进行一些计算,这些计算可以更改我希望在工具提示中显示的内容。
我尝试在每次重新计算后调用“destroy”方法并重新绑定 qtip2,但它只能在将鼠标移开并将其带回来之后才能工作。
我想要实现的是强制当前活动的工具提示重新绘制自己。
如果您查看文档,有一个“设置”方法可以更改内容:
$('.selector').qtip('option', 'content.text', 'new content'); // Preferred
那是你要找的吗?
更新:在测试了 api 选项后,它们似乎无法正常工作,但我发现了另一种方法 - 这是一个演示- 将鼠标悬停在提示上 1 秒以查看它的变化。
// 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