Basculer entre 3 classes à l'aide de la bascule

J'ai 3 images dont je veux passer entre. Je mets chacun d'eux dans une classe et changez l'image dans le css. Je peux maintenant basculer entre 2 classes mais quand j'ajoute la troisième, le code ne fonctionne pas. Toute classe peut être la première.

$('.one').click(function(){ $(this).toggleClass("two"); $(this).toggleClass("one"); }); $('.two').click(function(){ $(this).toggleClass("one"); $(this).toggleClass("two"); }); 

Lorsque j'ajoute cette ligne:

  • Suppression de l'espace réservé d'entrée sur une version imprimable d'une page html
  • Comment utiliser javascript pour ouvrir le fichier excel html dans l'application excel
  • Page de recharge de php sans publication de données
  • Obtenir la position du curseur (en caractères) dans un champ de saisie de texte
  • La meilleure façon d'exécuter js uniquement sur une page spécifique
  • Comment désactiver le défilement inertiel sur le corps pour les navigateurs iOS?
  •   $(this).toggleClass("three"); 

    Il ne bascule pas du tout …

    Connaissez-vous une méthode dans laquelle je peux les mettre dans une seule fonction?

    Merci.

  • Question de performance: String.split puis marche sur le tableau, ou RegExp?
  • WebRTC: comment ajouter le flux après l'offre et la réponse?
  • Désactiver la touche Entrée pour le formulaire
  • Comment fonctionne 'call' en javascript?
  • Javascript round toujours au numéro supérieur
  • Google Script: fonction qui insère les nouvelles fonctions / formules de copie de la dernière ligne
  • 3 Solutions collect form web for “Basculer entre 3 classes à l'aide de la bascule”

    Exemple de violon: http://jsfiddle.net/KdfEV/

    Ce code vous permettra de parcourir une séquence de classes définies

     $('.one, .two, .three').click(function() { this.className = { three : 'one', one: 'two', two: 'three' }[this.className]; }); 
     $('.one, .two, .three').click(function(){ $(this).toggleClass("one, two, three"); }); 

    La manière la plus sûre serait de supprimer les classes indésirables et d'ajouter la classe requise:

     // Switch to class 'three' $(this).removeClass('one').removeClass('two').addClass('three'); 
    JavaScript rend le site Web intelligent, beauté et facile à utiliser.