Appel d'évènement après un toggleClass
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:
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:
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:
1
2
3
| </script>
</body>
</html> |
