conmutación entre dos clases diferentes de jQuery

Question

tiene problemas para obtener el código siguiente para trabajar:

$('#changeMode').button().click(function(){ 
    $('#playfield').toggle(function() { 
     $(this).switchClass("gridView","plainView"); 
    }, function() { 
     $(this).switchClass("plainView","gridView"); 
    });  
}); 

no puede conseguirlo a cambio de clase de la siguiente div.

<div id="playfield" class="gridView"></div> 

¿Alguna idea?

EDIT: He intentado esto:

$('#changeMode').button().click(function(){ 
    if ($('#playfield').attr('class') == "gridView"){ 
     $('#playfield').removeClass("gridView"); 
     $('#playfield').addClass("plainView"); 
    } else { 
     $('#playfield').removeClass("plainView"); 
     $('#playfield').addClass("gridView"); 
    } 
}); 

Y parece que funciona bien, ¿qué diablos?

Answer 1

No tenía conocimiento de un SwitchClass, ¿quizás estabas pensando en toggleClass? De todos modos - que tenía algo de código antiguo que utiliza este (que estaba teniendo algunos problemas extraños con toggleClass):

$(this).removeClass("gridView").addClass("plainView"); 

or 

$(this).toggleClass("gridView plainView"); 

y viceversa.

Ejemplo:

$('#changeMode').button().click(function(){ 
    $('#playfield').toggle(function() { 
     $(this).toggleClass("gridView plainView"); 
     //$(this).removeClass("gridView").addClass("plainView"); 
    }, function() { 
     $(this).toggleClass("plainView gridView"); 
     //$(this).removeClass("plainView").addClass("gridView"); 
    });  
}); 

Pero, como otros han sugerido toggleClass debe trabajar para sus necesidades.

Answer 2

jQuery también tiene una API toggleClass:

http://api.jquery.com/toggleClass/

Esto funciona igual que lo que sugirió Rionmonster, la adición de clases cuando no se fijan en la clase y la eliminación de ellos cuando ya están establecidos.

Answer 3

La sintaxis correcta es utilizar "uno o más nombres de clase (separados por espacios) .." (de .toggleClass()) dentro del primer parámetro, en lugar de citar nombres de las clases en el primer y segundo parámetro.

p. Ej.

$(this).toggleClass("gridView plainView"); 

Answer 4

simplemente use el toggleClass dos veces hará la magia. toggoleClass refference a Jquery
This method takes one or more class names as its parameter. In the first version, if an element in the matched set of elements already has the class, then it is removed; if an element does not have the class, then it is added.

como para su problema.

$('#changeMode').button().click(function(){ $(this).toggleClass('gridView').toggleClass('plainView'); });

ayuda esto va a resolver ur problema.

@Guy toggleClass('gridView plainView') esto va a ser suplentes bettween
<div class="gridView plainView"> and <div class=" ">. y no alternar los dos bettween classe. sin ofender . Espero que esto ayude.