Discussion :

[mr_ersatz]

Bonjour à tous,

Je suis une brêle en jQuery mais j'essaie.
Sur un template wordpress,
je charge sur une page différentes catégories de posts et de CPT pour filtrage
et dans un div,
je charge les réponses, au départ, de l'ensemble des posts, peu importe le post_type.
Au clic sur une catégorie, la liste des posts apparait dans le div, chacun avec la class "lanceur".

Ces réponses, au clic doivent faire apparaitre une modale (#affichage) avec le contenu du post,
cela avec le script suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
jQuery(document).ready(function () {
	jQuery.ajaxSetup({cache:false});
	jQuery(".lanceur").click(function() {
 
		var post_link = jQuery(this).attr("href");
		jQuery("#affichage").addClass("opened");
		jQuery("#affichage").html("Chargement en cours");
		jQuery("#affichage").load(post_link);
		// alert("link:"+post_link);
	return false;
	});	
});

Tout fonctionne bien depuis le chargement de page, donc quand toutes les réponses sont affichées au départ.
Mais dès que je choisis une catégorie, et affiche les éléments correspondants, ce script est inopérant.
Aucun souci dans la console, mais aucune trace de l'action non plus.

Quelqu'un saurait-il m'aider ?

Merci d'avance

[mathieu]

quand vous utilisez jQuery dans wordpress, vous pouvez utiliser $ en faisant comme cela :

Code :

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

1
2
3
4
5
jQuery($ => {
    // ici vous pouvez utiliser $(...)
 
 
});

ensuite pour votre souci, je ne suis pas sur d'avoir compris tout le déroulement mais on tombe souvent dans le piège du sélecteur $(".lanceur") qui cible les balises avec la classe (jusqu'à là tout va bien) mais seulement les balises existantes au moment de l'appel.
pour pouvoir cibler les balises qui n'existent pas encore, vous devez utiliser cette forme : $(document).on("click", ".lanceur", function () { ...

[mr_ersatz]

pour pouvoir cibler les balises qui n'existent pas encore, vous devez utiliser cette forme : $(document).on("click", ".lanceur", function () { ...

Merci Mathieu. J'ai compris effectivement d'où venait le problème, les éléments pas encore chargés.
Par contre, depuis que j'ai fait la modification, c'est le contraire. Avec filtre (chargement de nouveaux lanceurs), ça marche,
mais à l'ouverture de la page, sans filtre, donc éléments chargés initialement, ça ne marche plus ...

Je précise que ce qui est chargé par les filtres,
c'est

Code html :

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

<li><a class="lanceur" rel="url_du_post" href="#">...</a></li>