jQuery Tools -> Tooltip destroy-Methode?

Ich bin mit Flowplayer ist jQuery-Tools framework (insbesondere die tooltips plugin) in einer Tabelle, zusätzlich zur jQuery UI-Kalender.

Jede Zeile der Tabelle hat die Möglichkeit zum einfügen einer Reihe oberhalb und unterhalb.

Dabei bin ich Klonen das angeklickte Objekt (Ereignisse und Objekte) und einfügen direkt von oben oder unten.

Nach dem hinzufügen einer neuen Zeile ist, ich aktualisieren den Tisch, generieren neue id ' s für meine Elemente, restarte den datepicker, und versucht neu zu initialisieren (der tooltip.

Ich bin auf der Suche nach einem Weg, um es zu zerstören, ganz aus der Instanz und erneut.

Ich bin auf der Suche nach etwas ähnlich wie die datepicker('destroy') Methode.

$j($editRow).find('input.date').datepicker('destroy').datepicker({dateFormat: 'mm-dd-yy', defaultDate : defaultDateStr});

Habe ich bereits versucht :

  1. trennen der mouseover-und focus-events : wenn reinvoking tooltip, geht es automatisch für das Objekt, das es gemacht wurde.

  2. ausblenden QuickInfo DOM-element ist, entfernen Sie das tooltip-Objekt aus der Ziel-und erneut es. Das gleiche passiert, wie (1)

Ist es Weg, ich kann eine destroy-Methode selbst?

  • Können Sie erklären, was Sie bedeuten, von "automatisch gilt für das Objekt, das es gemacht wurde," wenn Sie versuchen, die Bindung der tooltip?
  • können Sie nach dem code, den Sie zum Aufruf des tooltips, und den code, den Sie verwendet, um zu versuchen und lösen Sie Sie?
InformationsquelleAutor redcloud1800 | 2011-02-02
  1. 5

    Versuchte ich kwicher ' s Methode, und konnte nicht damit es funktioniert. Obwohl ich versuchte, zu ändern, den minified code, und ich bin mir nicht ganz sicher, ob ich die richtige Stelle gefunden, um die änderung vorzunehmen.

    Habe ich jedoch, diese zu arbeiten. ValidationFailed ist eine Klasse, ich bin die Anwendung, um alle input-Felder, die sind auch mit tooltips angewendet.

    $('.validationFailed').each(function (index) {
    $(this).removeData('tooltip');
});

$('.tooltip').remove();

    Habe ich versucht, diese verschiedenen Möglichkeiten, und dies war die einzige Kombination, die mir erlaubt, um zusätzliche tool-Tipps post-removal, ohne verhindern der neuen tooltips nicht richtig funktionieren.

    Als am besten ich kann erzählen, der tooltip-Klasse-Abbau-Griffe loszuwerden, die eigentliche tooltip divs, deren Veranstaltungen sind auch WLAN direkt. Die .removeData ermöglicht die tooltip-neu-gebunden in die Zukunft.

    InformationsquelleAutor Tom Halladay
  2. 5

    Gebäude auf Ihre Ideen und Tom ' s Antwort fand ich, dass drei Dinge notwendig sind:

    1. entfernen der 'tooltip' data aus dem tooltip target-element
    2. lösen von event-Listenern aus dem tooltip target-element
    3. das Filterelement entfernen (vorausgesetzt, du bist mit dieser tooltip Ansatz zu ermöglichen, beliebigen HTML-Code in Ihrem Tipp)

    So, diese einfache Funktion sollte den trick tun. Nur pass es ein jQuery-Objekt mit der Ziel-Elemente des tooltips, die Sie zerstören wollen.

    function destroyTooltips($targets) { 
    $targets.removeData('tooltip').unbind().next('div.tooltip').remove();
}
    InformationsquelleAutor Mark
  3. 1

    Wenn Sie es noch brauchen, können Sie das wie folgt tun:
    - in der tooltip-Implementierung-Datei fügen Sie die folgende Funktion 

    destroy: function(e) {
        tip.detach();
        }

    irgendwo in :

    $.extend(self, {
...

    Habe ich nach der letzten native Funktion.

    Dann, wenn Sie möchten, entfernen die Spitze, Feuer:

    $(.tip).data('tooltip').destroy();

    Es sollte den trick tun

    K

    InformationsquelleAutor kwicher
  4. 0
       if($element.data('ui-tooltip')) {//if tooltip has been initialized
       $element.tooltip('destroy');
   }
    InformationsquelleAutor Jaskey
  5. -1

    Vielleicht ist es zu spät... 😉

    Aber hier findest du alle Methoden der 'tooltip': http://www.w3schools.com/bootstrap/bootstrap_ref_js_tooltip.asp

    Lasse ich den Tipp für jemanden, der könnte passieren, mit dem gleichen problem: der Umgang mit unterschiedlichen 'tooltip' Aktionen/objs.

    InformationsquelleAutor Pedro Ferreira
Schreibe einen Kommentar