如何定位引導傳送帶的活動幻燈片？

Question

傍晚，

道歉這可能是一個非常愚蠢的問題，我還在學習！

我正試圖在bootstrap旋轉木馬上執行一個動作來對準活動幻燈片。我希望它觸發一些三個幻燈片中的每一個的樣式變化，即改變按鈕的顏色等。

早些時候我嘗試只針對divs的數字（#1, #2, #3），但一直在那裏卡住，它看起來像喜歡這個;

var shead = document.getElementById("sub-head"); 
if ($('#1').is(':visible') && $('#2').is(':hidden') && $('#3').is(':hidden')) { 
    shead.style.color = "blue"; 
} 

我重複這對於每個使用:visible & :hidden每個相應的div的幻燈片，雖然我只好像堅持的風格顏色變化的最終放映獲得。

我在這方面做了一些搜索，我看到有人在使用.carousel(1)，但我似乎繼續打到死角，任何人都可以給我一個這樣的手，不知道爲什麼它不捕捉，任何指導將是讚賞。

HTML

<header id="Carousel" class="carousel slide carousel-fade"> 

    <ol class="carousel-indicators"> 
     <li data-target="Carousel" data-slide-to="0" class="active"></li> 
     <li data-target="Carousel" data-slide-to="1"></li> 
     <li data-target="Carousel" data-slide-to="2"></li> 
    </ol> 

    <div class="carousel-inner"> 
     <div class="item active" id="1"></div> 
     <div class="item" id="2"></div> 
     <div class="item" id="3"></div> 
    </div> 

</header> 

JAVASCRIPT

if ($('#Carousel').carousel(1).hasClass('active')) { 
    alert("this is an alert"); 
} 

Answer 1

引導有你可以連接到自定義事件。

當該方法滑動時，此事件將觸發。

$('#Carousel').on('slide.bs.carousel', function (ev) { 
    var id = ev.relatedTarget.id; 
    switch (id) { 
    case "1": 
     // do something the id is 1 
     break; 
    case "2": 
     // do something the id is 2 
     break; 
    case "3": 
     // do something the id is 3 
     break; 
    default: 
     //the id is none of the above 
    } 
}) 

還有一個slid.bs.carousel事件。滑塊完成滑動時調用此事件。

你可以在這裏閱讀差異http://getbootstrap.com/javascript/#carousel-events。