Bootstrap .carousel（編號）不起作用

Question

我在使用carousel(number)方法更改爲圖像時遇到問題。我的HTML如下：

<div class="carousel slide" id="my-carousel-id"> 
     <div class="carousel-inner"> 
      <div class="item active"> 
       <img src="http://placehold.it/1200x480&text=one" alt="" /> 
       <div class="carousel-caption"> 
        <p>Image 1</p> 
       </div> 
      </div> 
     ... 
</div> 

而且其中沒有任何反應，不過ID傳遞改變我使用下面的jQuery

$(document).ready(function(){ 
    $('.carousel').carousel(); 
    $('[id^=carousel-selector-]').click(function(){ 
     var id_selector = $(this).attr("id"); 
     var id = id_selector.substr(id_selector.length -1); 
     id = parseInt(id); 
     console.log(id); 
     $('#this-carousel-id').carousel(id); 
    }); 
}); 

代碼中的圖像是工作的罰款，直至使用.carousel(id)方法通過正確。我的問題是爲什麼這種方法不起作用？

Answer 1

您也可以使用本機引導轉盤控制：

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

但是，如果你想使用自定義旋轉木馬控制，你需要通過索引，0 based, similar to an array。

你的輪播id是錯的，也許這就是爲什麼它沒有爲你工作。在你的js代碼中，你使用$（'＃this-carousel-id'）而不是$（'＃my-carousel-id'）。

我在jsfiddle, check it out.上創建了一個工作示例