Modification dynamique du contenu des données du popover à l'aide de Jquery / Javascript

3 règles

J'utilise ASP.NET MVC avec Bootstrap, Jquery, Entity Framework ...

J'ai appliqué l'effet popover sur le bouton qui me montre les données respectées provenant de la vue partielle à la suite du survol.

Le problème auquel je suis confronté est que je dois cliquer deux fois pour obtenir le texte mis à jour ou le résultat du popover.

Pourquoi je ne sais pas s'il vous plaît regardez l'exemple que j'ai fourni ici et aidez-moi. S'il vous plaît quelqu'un qui sait.

HTML:

<button class="btn btn-success" type="button" data-toggle="popover"
data-trigger="focus" data-placement="top" title="Contact Detail"
id="btnContactInfo" data-html="true">
<i class="fa fa-info"></i></button>

Javascript:

var popover = $('#btnContactInfo').popover({
                     trigger: 'manual'
                 }).popover('show');
                 $('#btnContactInfo')
.popover().on('show.bs.popover', function (e) {
$("#po").html(htmldata);
popover.attr('data-content', $("#po").html());
});
3 règles

Ohhhh je fais juste du mauvais côté. En fait, je dois le faire comme ceci en utilisant le code ci-dessous et une analyse peut également être utile pour quelqu'un:

Le HTML est le même que celui décrit dans la question.

Javascript: Nous survolons une fonction de contrôle / bouton HTML particulière:

$("#btnContactInfo").hover(function () {
    $("#btnContactInfo").
    attr('data-content', htmlcode)
    .popover(hide)
    .popover('fixTitle')
    .popover('show');
    });

Je viens d'utiliser cette réponse qui a une solution pour l' info-bulle avec le même problème et appliquée pour popover de la même manière avec l'utilisation de la propriété de popover.

Articles connexes

Mettre des données dans du contenu dynamique à l'aide de jQuery

dantey89 J'écris une application simple sur HTML et jQuery. Il se connecte au serveur ASP.NEt avec signalR. J'ai une page de connexion où l'utilisateur s'authentifie. Une fois l'authentification réussie, le contenu de my <div id="body"></div>est mis à jour ave

Modification du contenu modal à l'aide de jQuery

Ojay J'utilise le modal de Twitter Bootstrap pour créer un formulaire contextuel. C'est le code suivant qui montre le formulaire modal. Première forme modale <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog modal-dialog1">

Modification dynamique du texte dans DOM à l'aide de Javascript

Martin Je travaille sur une application dans laquelle j'ai des données dans un objet Javascript que j'ai extrait du backend. J'essaie d'itérer dans l'objet Javascript et de remplir le DOM à l'intérieur d'un ul mais cela ne fonctionne pas, l'ul a du texte exist

Modification dynamique du style CSS à l'aide de javascript

Rahul Je pratique le javascript. Ici , je crée une classe JS pour les éléments web créer dynamiquement tels que div, a, etc. Le code suivant montre une classe pour la création d' un divélément: class DivBlock { //creates the div element constructor(id) {