jquery tooltip mit dynamischem Inhalt

Question

Ich versuche einen jquery Tooltip mit dynamischem Inhalt zu implementieren. Daher wird der QuickInfo-Inhalt dynamisch in die Callback-Funktion integriert, und die Änderung hängt vom Status des Formulars ab.

Mein Problem ist, dass jedes Mal, wenn Tooltip angezeigt wird, HTML mit Tooltip-Inhalt hinzugefügt wird.

Wie vermeide ich das Hinzufügen dieses HTML zu meinem Dokument jedes Mal Tooltip angezeigt?

Danke.

Answer 1

Ich fand eine Diskussion über das gleiche Problem hier. Und am Ende ist eine Lösung aufgelistet.

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(); 
      } 
     }); 
    });