addClass ("test") ne fonctionne pas - mais css ("background", "red") fait

Question

Quelqu'un sait pourquoi?

Voici le JS:

$(".screenshots .tab1").hover(function() { 
    $(".section1").addClass("test"); 
     }, function() { 
    $(".section1").removeClass("test"); 
     }); 
    }); 

Et le CSS:

.test { 
    background: black; 
    border: 1px solid #ffb75b; 
    background-color: #fffadb; 
    } 

Answer 1

Peut-être il y a une entrée css qui outrepasse le vôtre. Essayez ceci:

background-color: #fffadb !important; 

Answer 2

Essayez spécifiant une fois fond:

.test { 
    border: 1px solid #ffb75b; 
    background-color: #fffadb; 
} 

Answer 3

Peut-être qu'il est juste une erreur de copier et coller, mais vous avez un }); à beaucoup. Devrait être:

$(".screenshots .tab1").hover(function() { 
    $(".section1").addClass("test"); 
}, function() { 
    $(".section1").removeClass("test"); 
}); 

Voir un exemple en direct: http://jsfiddle.net/wmD4E/

Bien sûr background: black aura pas d'effet parce que background-color: #fffadb; remplace.

Answer 4

Je pense que c'est parce que vous avez un extra}); à la fin de votre code JS. voir l'exemple de travail ici http://jsbin.com/adeye4/edit