Lorsque vous utilisez Bootstrap de Twitter, comment puis-je changer le contenu d'un popover?

Je suis en utilisant la liste fonctionnalité de Twitter Bootstrap js. J'ai un bouton qui, lorsqu'il est cliqué, exécute ce code 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");

Il y a aussi un autre bouton qui exécute fondamentalement la même, javascript, sauf que le titre et le contenu retour des fonctions de texte différents.

Noter que ces deux éléments déterminent la liste sur le même élément, mais avec un contenu différent.

Le problème est, une fois que le bouton est cliqué et que le js est exécuté, pas de clics à partir de l'autre bouton modifier la liste de contenu. Donc, une fois que la liste est initialisée, comment puis-je mettre à jour/modifier le contenu?

source d'informationauteur brentmc79

  1. 16

    le but de la title attribut est d'accepter une valeur de type function qui fournit cette fonctionnalité.

    par exemple: si vous définissez votre titre:

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

    et vous avez, 

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

    vous reçois un autre titre pour votre liste. Il est jusqu'à vous de modifier la logique de randomText pour aller chercher un titre de manière dynamique.

  2. 6

    Vous pouvez le faire en accédant liste de données de l'instance directement, comme expliqué ici:

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

    Cet exemple est tiré de la lnked page:

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

    Voici la solution que j'ai dit là:

    Bootstrap liste contenu ne peut pas être changé dynamiquement

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

    liste est un objet si vous voulez en savoir plus, essayer de faire de la console.log(liste) une fois que vous définissez pour voir comment vous pouvez l'utiliser après !