Bonjour
Dans le code qui suit, sur le click de la zone Div, je cherche à changer la classe c1 en c2.
Si je regarde l'inspecteur de code, cela fonctionne; mon div passe en classe c2, mais quand je redéclenche une deuxième fois le click pour repasser de c2 à c1, il me dit que je suis toujours en c1
Quelqu'un saurait il me dire comment appeler les événements pour qu'il prenne en compte les changements ?
actiproj
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 <html> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <style> .c1 { background-color:red; } .c2 { background-color:green; } .test { height:80px; width:80px; } </style> <body> <div class="c1 test"></div> <script>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 $( ".c1" ).on( "click", function () { alert('c1'); $(this).toggleClass("c1"); $(this).toggleClass("c2"); }); $( ".c2" ).on( "click", function () { alert('c2'); $(this).toggleClass("c1"); $(this).toggleClass("c2"); });
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3</script> </body> </html>
Partager