開關背景圖像（）的jQuery

見下面的更新的CSS。

我目前有：

$("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 
         });

來源

2012-04-12 CodeTalk

我建議的第一件事是確保您的CSS在手動設置時工作。這將消除你有一個搞砸的圖像路徑等情況。我也看到'未經選擇'的CSS，但似乎你沒有包括'選定'，除非我失去了一些東西。 – vpiTriumph 2012-04-12 02:41:13

@vpiTriumph - 請參閱更新日期css。有一個.selected和.unselected的CSS類。 – CodeTalk 2012-04-12 02:44:01

@vpiTriumph - 能夠自己調試。這是一個問題與CSS。感謝您的幫助:) – CodeTalk 2012-04-12 15:05:41

的CSS .selected和.Unselected如下：

#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{}被overwritting #editProfileNav ul li.selected{} CSS，因爲它是最後一個被稱爲在CSS文檔。

來源

2012-04-12 15:45:44 CodeTalk

這實際上與CSS中的順序無關。你的LI始終得到正確的圖像，但裏面的錨已經完全覆蓋了它自己的背景圖像。 – Prestaul 2012-04-12 16:58:20

開關背景圖像（）的jQuery

回答

相關問題