전환 배경 이미지() jQuery를

아래 CSS를 업데이트 참조 고정됩니다. .selected에 대한

$("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가 작동하는지 확인하는 것입니다. 이렇게하면 이미지 경로 등이 엉망으로 된 경우가 제거됩니다. 또한 'Unselected'CSS가 표시되지만 무언가를 놓치지 않으면 'selected'가 포함되지 않은 것 같습니다. – vpiTriumph

@vpiTriumph - 최신 CSS를 참조하십시오. .selected 및 .Unselected css 클래스가 있습니다. – CodeTalk

@vpiTriumph - 직접 디버깅 할 수있었습니다. 그것은 CSS에 문제가되었습니다. 도움을 주셔서 감사합니다 :) – CodeTalk

CSS를 다음과 같이 .Unselected은 다음과 같습니다 :

내가 현재 가지고는 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했다 .

출처

2012-04-12 15:45:44 CodeTalk

이것은 실제로 CSS의 명령과 아무 관련이 없습니다. LI가 올바른 이미지를 얻고 있었지만 내부의 앵커가 자체 배경 이미지로 완전히 덮고있었습니다. – Prestaul

전환 배경 이미지() jQuery를

답변

관련 문제