javascript - qTip2-アクティブなときにツールチップを更新します

Question

ここではqTip2を使用していますが、ツールチップがアクティブなときにツールチップのコンテンツを更新する機能が必要です。ツールチップを持つ要素には、ツールチップに表示したいものを変更できるいくつかの計算を行うクリックイベントがあります。

'destroy'メソッドを呼び出して、再計算するたびにqtip2を再バインドしようとしましたが、これは機能しますが、マウスを離して元に戻した後でのみ機能します。

私が達成したいのは、現在アクティブなツールチップにそれ自体を再描画させることです。

Answer 1

ドキュメントを見ると、コンテンツを変更するための「set」メソッドがあります。

$('.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