Discussion :

[irrols]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[irrols]

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