캐로 셀을 가지고 부트 스트랩 탭을 변경하십시오.

Question

액티브 캐 러셀 그림을 만들기 위해 부트 스트랩 탭을 변경하여 활성 클래스를 갖도록 요청 받았습니다. 이 작업을 수행하는 방법을 잘 모르겠으며 활성 첫 번째 탭 캡처를 시도한 다음 그 위에 반복해야하지만 회전식 슬라이드의 슬라이더를 사용하여이를 수행하는 방법을 잘 모릅니다. 콘솔에서

var activeTab = $('.tabpanel ul li.active'); 
$('.carousel').on('slide.bs.carousel', function() { 
    activeTab.next.addClass('.active'); 

}); 

코드 단지 오류 : 내가 어디 이다.

Answer 1

다음 구문에는 괄호가 있습니다. 당신은 괄호를 놓쳤습니다

activeTab.next().addClass('.active'); 

Answer 2

이것은 내가 달성 할 수있는 방법입니다. 먼저 회전식 캐스터에서 current index을 가져 와서 사용하여 표시 할 탭을 결정합니다. 테스트되지 않은 코드이지만 충분해야합니다 :

$('.carousel').on('slide.bs.carousel', function() { 
    //var index = $('.carousel .active').index('.carousel .item'); 
    var carouselData = $(this).data('bs.carousel'); 
    var index = carouselData.getActiveIndex(); 
    var activeTab = $('.tabpanel ul li.active'); 
    activeTab.removeClass('.active'); 
    var tabs = $('.tabpanel ul li'); 
    tabs[index].addClass('.active'); 
});