スイッチ成功の背景画像（）jQueryの

Question

この問題はNOW

固定されているが、以下のCSSを更新参照してください。

私は現在持っている次のよう.selectedと.Unselectedため

$("form#FanDetail").serialize(), 
        function(){ 
         $('form#FanDetail').hide(function(){ 
          $('div.success').fadeIn(); 
          // setup for next tab: [about] 
          $('li#about').removeClass('selected').addClass('Unselected'); // remove about bg, replace with gray bgColor 
          $('li#contact').removeClass('Unselected').addClass('selected'); // add bg, replace with red bg 
         }); 

Answer 1

CSSは次のとおりです。それはCSSのドキュメントで最後に呼び出されたため、

#editProfileNav ul li.selected{   /* here */ 
     width:86px; 
     height:40px; 
     padding:0px; 
     margin:0 1px 0 0; 
     background-image:url('../img/SeleBox.png'); 
     float:left; 
     list-style-type:none; 
     list-style:none; 
    } 

    #editProfileNav ul li.Unselected{ 
     width:86px; 
     height:40px; 
     padding:0px; 
     margin:0 1px 0 0; 
     background-image:url('../img/unSeleBox.png'); 
     float:left; 
     list-style-type:none; 
     list-style:none; 
    } 
    /*  was originally using this and it was overwritting above css for `.unselected`      
    #editProfileNav ul li a{ 
     width:86px; 
     height:40px; 
     padding:0; 
     margin:0 1px 0 0; 
     background-image:url('../img/SeleBox.png'); 
     float:left; 
     list-style-type:none; 
     list-style:none; 
    } 
    */ 

#editProfileNav ul li a{}は#editProfileNav ul li.selected{} CSSをoverwrittingました。