.toggle() sur élément créé par un $.each()
Bonjour,
Avant de poster, j'ai trouvé un sujet mais celui-ci datant de 2009, il utilise une version de .toggle() qui est déprécié.
Donc,
Je créé par un $.each une série de 20 éléments (ici d'une boucle php déclenché par AJAX etc...).
Sur les éléments suivants, j'applique la fonction suivante :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| function toggle_com(){
$(".com_principal").css('display', 'none');
$(".creation_com").css('display', 'none');
$(".haut_block_com").css('display', 'none');
$(".bouton_com").on('click', function () { // fonction au clique sur le bouton d'affichage de la zone commentaire
$(this).parent('div').parent('div').children(".creation_com").toggle();
$(this).parent('div').parent('div').children(".haut_block_com").toggle();
$(this).parent('div').parent('div').children(".trait").toggle();
$(this).parent('div').parent('div').children(".com_principal").toggle();
$(this).parent('div').parent('div').children(".trait3").toggle();
});
} |
En bas des 20 éléments, il y a un bouton permettant d'afficher 20 éléments supplémentaires. Le clique déclenche une fonction .on('click' , function () {
A la fin de cette function, la function toggle_com() est redéclenchée
Mais, elle fonctionne pour les 20 éléments supplémentaire mais pas pur les 20 précédents.
Est-ce que j'ai raté un truc?
Merci
