JQuery - divs et styles

Question

faire l'ordre portfolie contacts postes vacants sur la société

-je ajouter un style pour en jquery-scriptum:

 $('#head_menu a').each(
      function() 
      { 
       $(this).addClass('menu_part'); 
      } 
     ) 

et le style menu_part

.menu_part 
{ 
    border-left: 1px solid black; 
    background-image: url(../images/bg_menu.png); 
    float:left; 
    padding: 2px 10px; 
} 

Et maintenant je veux de changer de style, si une partie du menu cliqué:

 $('#head_menu a').click(
      function(e) 
      { 
       $(this).removeClass('menu_part').addClass('menu_chose'); 
      }); 

menu_chose style:

.menu_chose 
    { 
     background-image: url(../images/bg_menu_hover.png);        
     color: #FFF; 
    } 

Tout est bon, mais après avoir cliqué sur uniquement les modifications de la couleur de texte en blanc, mais background-image est encore vieux, pourquoi?

---

UPD

Images chemins sont justes. Voici un autre style:

.menu_part:hover 
{ 
    background-image: url(../images/bg_menu_hover.png); 
    color: #FFF; 
} 

Et cela fonctionne beaucoup, lorsque la souris est terminée.

Answer 1

tout d'abord, ce code:

$('#head_menu a').each(
     function() 
     { 
      $(this).addClass('menu_part'); 
     } 
    ) 

peut être simplifiée comme:

$('#head_menu a').addClass('menu_part'); 

En second lieu, des regards de celui-ci que vous ajoutez la classe « menu_choosed » dans votre gestionnaire d'événements clic , alors que votre feuille de style a le style 'menu_chosed' (un seul 'o'). Si vous changez à la fois 'menu_chosen' le problème devrait disparaître avec optimisme!