Contenu dynamique d'un popover Bootstrap

Bonjour à tous,

Je cherche à gérer dynamiquement le contenu d'un popover Bootstrap: je souhaite qu'au moment de l'ouverture du popover, je puisse alimenter l'attribut "data-content" avec le résultat d'une requête Ajax. J'ai plusieurs popover dans ma page qui doivent faire la même chose, ils ont tous un name avec un id qui est traité lors de la requête Ajax pour me renvoyer le bon contenu pour le popover correspondant.

Pour l'instant j'en suis là:

Code:

---

1 2 3 4 5 6 7 8 9 10

$(function() { $('[data-toggle="popover"]').popover({ placement: "bottom", trigger: "hover", }).on('show.bs.popover', function() { $.post('ajax_contact', { id_message: $(this).attr('name') }, function(data) { $(this).attr('data-content', data); }); }); });

---

Je pense que le problème vient de mes $(this) qui n'arrivent pas à récupérer l'attribut name du popover actif au moment du survol/hover, pareil pour le contenu reçu et qui doit être attribué à ce même popover actif ... si quelqu'un pouvait me donner un coup de main ça serait sympa ;)

Citation:

---

Je pense que le problème vient de mes $(this) qui n'arrivent pas à récupérer l'attribut name du popover actif ne correspondent pas à l'élément de départ.

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11

$(function() { $('[data-toggle="popover"]').popover({ placement: "bottom", trigger: "hover", }).on('show.bs.popover', function() { var $this = $(this); $.post('ajax_contact', { id_message: $this.prop('name') }, function(data) { $this.attr('data-content', data); }); }); });

---

D'autre part

Code:

---

$this.attr('data-content', data);

---

jQuery (et JavaScript natif aussi du reste) gère les attributs data-* de façon efficace :

Code:

---

$this.data('content', data);

---

Je te remercie Bovino, ça marche, effectivement il fallait stocker le $(this) en amont pour pouvoir le récupérer plus loin. Je suis pas à l'aise en général avec les 'this' quand j'ai des fonctions imbriquées comme ça, je sais plus qui est qui :)