Bei der Verwendung von Twitter Bootstrap, wie kann ich das ändern einer popover - content?

Ich bin mit der popover-Funktion von Twitter ' s Bootstrap-js. Ich habe eine Schaltfläche, wenn darauf geklickt wird, führt dies javascript:

$("#popover_anchor").popover({trigger: "manual",
                              placement: "below",
                              offset: 10,
                              html: true,
                              title: function(){return "TITLE";},
                              content: function(){return "CONTENT TEXT";}});
$("#popover_anchor").popover("show");

Es ist auch ein weiterer button, der führt im Grunde die gleichen javascript, außer, dass der Titel-und content-Funktionen zurück, andere text.

Beachten Sie, dass Sie beide definieren die popover auf das gleiche element, nur mit unterschiedlichen Inhalten.

Das problem ist, sobald eine Schaltfläche geklickt wird und das js ausgeführt wird, werden keine weiteren Klicks von der anderen Taste ändern Sie die popover-content. Also erst einmal die popover initialisiert, wie kann ich aktualisieren/ändern der Inhalte?

InformationsquelleAutor brentmc79 | 2011-10-05

  1. 16

    den Zweck der title Attribut akzeptiert einen Wert vom Typ function was bietet diese Funktionalität sehr.

    Beispiel: wenn Sie Ihre Titel an:

     title: function() { return randomTxt(); }

    haben, und Sie haben, 

    function randomTxt()
{
    arr = ['blah blah', 'meh', 'another one'];
    return arr[Math.floor(Math.random() * 4)];
}

    behalten Sie immer einen anderen Titel für Ihre popover. Es ist bis zu Ihnen, ändern Sie die Logik der randomText zu Holen einen Titel dynamisch.

    Also anstatt zu re-initialisieren des popover, ich sollte einfach eine andere Funktion zuweisen, den Titel/Inhalt Attribute?

    InformationsquelleAutor anirvan

  2. 6

    Können Sie tun, dass durch den Zugriff auf die popover-Instanz-Daten direkt, wie hier beschrieben:

    https://github.com/twbs/bootstrap/issues/813

    Diesem Beispiel ist entnommen aus dem lnked Seite:

    var myPopover = $('#element').data('popover')
myPopover.options.someOption = 'foo'

    InformationsquelleAutor Paull

  3. 0

    Hier ist die Lösung, die ich Recht, sagte es:

    Bootstrap popover-Inhalt kann dynamisch verändert werden

    var popover = $('#exemple').data('bs.popover');
popover.options.content = "YOUR NEW TEXT";

    popover ist ein Objekt wenn Sie wissen möchten, mehr über Sie, versuchen zu tun-Konsole.log(popover), nachdem Sie es definieren, um zu sehen, wie Sie es verwenden können, nachdem !

    InformationsquelleAutor Yann Chabot

Schreibe einen Kommentar