Evénement click sur les pages chargées par ajax

**itachis** · 10/11/2014, 21h04

Bonjour à toutes et tous,

cette page d'accueil est la page dans laquelle toutes les autres pages sont appelées via la methode post.

Code php :

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

1
2
3
4
5
6
<body>
<button id=pst>Presentation</button>
<div id=contenu>
<?php include("affichage.php") ?>
</div>
</body>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
$("#pst").on("click", function () {
    var contenu = $("#contenu");
    contenu.empty();
    $("presentation.php").on("click", function (data) {
        contenu.append(data);
    });
});
 
$(".td").on("click", function () {
    var text = $(this).text();
    alert(text);
});

Les pages affichage.php et presentation.php sont tous des pages contenant des tables avec des données dont chaque td a la class td.
Pardefaut la div de la page d'accueil contient affichage.php et l'évenement click sur la class td fonctionne correctement mais lorsque la presentation.php est chargé dans la div alors l'evenement click ne fonctionne plus sur la class td de cette page.
Je ne sais pas comment faire en sorte que l'evenement click puisse fonctionné sur les td de la page charge par la methode post d'ajax.
Merci d'avance.

**danielhagnoul** · 12/11/2014, 03h46

Différences entre on() avec 1 ou 2 sélecteurs

**itachis** · 13/11/2014, 00h15

Merci pour la reponse mais je ne comprend pas trop ce que tu essaye de me faire comprendre!

**danielhagnoul** · 13/11/2014, 04h43

Simplement, que pour du code dynamique, il faut utiliser la version avec deux sélecteurs, voir le contenu de mon lien ou l'API : http://api.jquery.com/on/

**itachis** · 13/11/2014, 22h31

Je suis pas sûr que mon problème soit bien comprise mais neamoint, je vais essayé voir.

**Bovino** · 14/11/2014, 09h24

A priori, ton problème est mieux compris que tu ne comprends les réponses qu'on te donne...
Toi, tu essayes de faire des enfants avant d'avoir trouvé une femme. C'est pas facile (quoique, de nos jours...).
Ce qu'on te dit qu'il faut faire, c'est de dire que quand tu auras une femme, tu feras des enfants.
Avec les gestionnaires d'événement, c'est pareil : si tu places un gestionnaire sur un élément qui n'existe pas, il risque pas de se passer grand chose, ce qu'il faut faire, c'est placer le gestionnaire sur un élément qui existe et dire que si l'élément qui a effectivement reçu l'événement est du type souhaité, on fait le traitement.
C'est précisément ça que fait .on() avec deux sélecteurs comme te l'indique Daniel.

**itachis** · 15/11/2014, 10h52

Merci pour vos reponses!

Evénement click sur les pages chargées par ajax

jQuery

Discussions similaires

Partager

Partager