動的コンテンツを含むjqueryツールチップ

Question

動的コンテンツを使用したjqueryツールチップを実装しようとしています。したがって、ツールチップのコンテンツは、コールバック関数に動的に組み込まれ、変化するのはフォームの状態に依存します。

私の問題は、ツールチップが表示されるたびに、ツールチップの内容でさらに多くのHTMLが追加されることです。

ツールチップが表示されるたびにこのHTMLをドキュメントに追加しないようにするにはどうすればよいですか？

ありがとうございました。

Answer 1

ここで同じ問題についての議論がありました。そして、最後にリストされた解決策があります。

https://bugs.jqueryui.com/ticket/10689?cversion=0&cnum_hist=2

$(".tooltip").each(function(idx, element) { 
     // We cycle through the elements using each() so that we can choose the element specifically that we wish to clean up afterward 
     var ele = $(element); 
     ele.tooltip({ 
      "close": function(evt, ui) { 
       // Only get rid of extraneous elements. We'll keep the one that was creted last. 
       ele.data("ui-tooltip").liveRegion.children(":not(:last)").remove(); 
      } 
     }); 
    });