Firefox und Firebug: wie zu überprüfen und dynamisch generierte Bootstrap tooltip?

Ich würde gerne hinzufügen einer CSS-Klasse auf einen Bootstrap (3.x) tooltip, aber es scheint nicht zu arbeiten. Also ich möchte mit Firebug untersuchen die tooltip-Inhalt. Allerdings, wenn ich meine Maus auf das Firebug-Bereich, der dynamisch generierte tooltip disappers.

Wie kann ich überprüfen eine dynamisch generierte Bootstrap tooltip?

Hier ist die jsfiddle link.

<label>
Some Text 
<a href="#" data-toggle="tooltip" title="Tooltip goes here!">?</a>
</label>

$(function() { 
    $('[data-toggle="tooltip"]').tooltip({
        'animation': true,
        'placement': 'top' 
    });
});

Dank!

InformationsquelleAutor curious1 | 2014-04-05
  1. 11
    1. Aktivieren Sie die Skript panel
    2. Die Seite neu laden
    3. Untersuchen Sie die <label> element mit Some Text?
    4. Der rechten Maustaste auf das element und wählen Pause Auf Kind hinzufügen oder Entfernen aus dem Kontext-Menü
    5. Bewegen Sie die Maus über das Fragezeichen
      => Die Skriptausführung wird angehalten, und Sie werden sehen, ein Hinweis zeigt Ihnen die tooltip-element.

    Firefox und Firebug: wie zu überprüfen und dynamisch generierte Bootstrap tooltip?

    1. Drücken Sie die Schritt Über - Taste (Firefox und Firebug: wie zu überprüfen und dynamisch generierte Bootstrap tooltip?) oder drücken Sie F10 einmal, so wird das element Hinzugefügt, um den DOM
    2. Wechseln Sie zu der HTML panel

    => hier finden Sie die <div> mit dem tooltip und Sie werden in der Lage sein zu überprüfen, seine Stile.

    Firefox und Firebug: wie zu überprüfen und dynamisch generierte Bootstrap tooltip?

    • Nicht die Arbeit an diesem Fall: hearthpwn.com/forums/hearthstone-general/card-discussion/... Dann bewegen Sie den Mauszeiger auf "Void Terrors" in blauer Farbe dargestellt. Wie prüfen Sie das Bild tooltip?
    • Für diesen Fall sind die Schritte unterschiedlich sind. Innerhalb der HTML panel klicken Sie auf den Break On Mutieren button, dann bewegen "Void Terrors". Das wird die Ausführung des Skripts beenden und Firebug wechselt zum Skript - Fenster mit einer Benachrichtigung an der Spitze zu sagen, welches element (in diesem Fall die tooltip-element) geändert wurde. Klicken Sie auf das element, und Sie werden wieder auf die HTML panel mit dem element markiert.
    InformationsquelleAutor Sebastian Zartner
  2. 4

    Ich war auf der Suche nach
    Wie untersuchen Sie eine JQuery-tooltip im firebug

    1. Untersuchen Sie das element in Firebug
    2. Wählen Sie das Register "Ereignis" auf der rechten
    3. Deaktivieren Sie die mouseoutevent.
    4. Nun, wenn die Maus Weg von element, das tooltip bleibt. Untersucht werden kann wie jedes andere element per FireBug.

    Hier ist ein kleines video: https://youtu.be/msTU8JDnaBU

    InformationsquelleAutor Gruz
  3. 0

    Fand ich, dass die einzige wesentliche Schritt (anstelle der Schritte 1-5 in der akzeptierten Antwort von Sebastian Zartner) ist ZUERST aktivieren Firebug den HTML-tab ' s "Break On Mutieren" - Taste. Es ist die Links-Taste oben in der Registerkarte.

    Nur mit diesem Schritt, JavaScript angehalten werden, wenn es dynamisch gezeigt tool-Tipp. Dann könnten Sie untersuchen Sie den CSS-Stil, oder verwenden Sie Skripts, die den Schritt über die button zu sehen, die Javascript-Zeile des tooltip.

    Firebug version 2.0.17

    InformationsquelleAutor Johnny Wong
Schreibe einen Kommentar