마지막 목록 항목 전환 안 함

Question

매우 간단한 탭 전환 코드가 있습니다.

<ul id="presentation"> 
    <li><a href="#" name="slide-1" class="tab active"><!--Some content--></a></li> 
    <li><a href="#" name="slide-2" class="tab"><!--Some content--></a></li> 
    <li><a href="#" name="slide-3" class="tab"><!--Some content--></a></li> 
</ul> 
<div class="presentation-slides"> 
    <div id="slide-1" class="content"> 
     <!--Some content--> 
    </div> 
    <div id="slide-2" class="content"> 
     <!--Some content--> 
    </div> 
    <div id="slide-3" class="content"> 
     <!--Some content--> 
    </div> 
</div> 

및 자바 스크립트 코드도 매우 간단하다 : 기본적으로 HTML은 다음과 같습니다

<script type="text/javascript"> 
    // Setup Interval 
    setInterval(function(){ 
     // Hide visible div, get reference to next 
     reference = $("div[id^=slide]:visible").hide().next("div[id^=slide]"); 
     if(reference.size()){ 
      $(reference).fadeIn(); 
      $("a.tab").removeClass("active"); 
      var tabName = $("div[id^=slide]:visible").attr('id'); 
      $("a[name='"+tabName+"']").addClass("active"); 
     }else{$("div[id^=slide]:first").fadeIn();} 
     // Do this every ten seconds 
    }, 10000); 
</script> 

하는 것은 이제 문제는 슬라이드 그들이 해야하는 방법을 전환하는 것이하지만, 탭하지 않습니다. 마지막 탭이 처음으로 전환 될 때 마지막 탭이 활성 상태로 유지되고 왜 그럴 수 있는지 전혀 알 수 없습니다. 누군가이 문제를 도와 줄 수 있습니까?

Answer 1

첫 번째 슬라이드로 전환하면 첫 번째 탭을 활성으로 설정하는 코드가 없습니다.

else{$("div[id^=slide]:first").fadeIn();} 

당신은 당신이 같은 일부 코드, 뭔가 누락 생각의 첫 번째 슬라이드 퇴색하고있는 모든 :.

else{ 
    $("div[id^=slide]:first").fadeIn(); 
    $("a.tab").removeClass("active").first().addClass("active"); 
}