Discussion :

[rams33]

Bonsoir a tous donc ce que j'essaye est que sur un clik je supprime une class et en rajoute une autre et qu'au 2eme clik, lancer une fonction a partir cette nouvelle class mais rien ne se passe
Est ce que c'est possible ce que je cherche a faire ?
Merci de votre aide

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
jQuery(document).ready(function($){
    $(function(){ 
     $(".carre").click( function () { 
            $(this).removeClass('carre').addClass('valid')
     });  
    }); 
 
       $(function(){ 
     $(".valid").click( function () { 
            alert('ok')
     });  
    }); 
 
})

[rams33]

Code :

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

1
2
3
4
$(".valid").live('click', function(event){
	alert('ok');
 
});

[SpaceFrog]

Code :

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

$(this).removeClass('carre')addClass('valid')

il ne manquerait pas comme un point là ?

Code :

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

$(this).removeClass('carre').addClass('valid')

sinon y'a toggleClass



le live() c'est pour que les elements créés dynamiquement héritent des evenement attribués dans le ready

[rams33]

Non c'est juste un oublie de ma part pour le point désolé.

Code :

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

1
2
3
4
$(".valid").live('click', function(event){
	alert('ok');
 
});

Par contre grâce au .live ça me permet de lancer une action a partir d'une class ajouté avec jquery mais on m'a conseiller d’utiliser .on a la place du .live

Pourtant lorsque je met .on a la place de .live ça ne marche plus malgres que je charge la version 1.7 de jquery

[SpaceFrog]

ha dans ces condition oui vu que l'evenement ne possède pas la class au demarrage et se voit attribuer une nouvelle class dynamiquement

pour ce qui est du live() vs on() personnellement j'utilise le live
ici une description comparative des deux
http://www.jquery4u.com/jquery-funct.../#.T_HtzpFKTng

[Bovino]

on m'a conseiller d’utiliser .on a la place du .live

"On" a eu raison (désolé Spaffy).
.live() est désormais déprécié au profit de .delegate() ou .on() suivant la version de jQuery.

La différence est que .live() attache l'événement au body de la page. Le problème, c'est que si en chemin un élément stoppe la propagation de l'événement, alors plus possible que ça fonctionne.
C'est pour cela (entre autre) qu'il est conseillé de déléguer les événements sur le plus proche ancêtre connu.
Ensuite, reste à voir comment tu utilises .on()...