多個引導程序傳送帶相同頁面

Question

目前，我在一個頁面上有3個引導程序傳送帶。

它們是由一個php循環生成的，我沒有任何控制權，所以id始終始於carousel。

所以我遇到的問題是，所有的轉盤開始與id="#carousel-1"和控制href="#carousel-1"

當然，這並不工作，因爲所有的旋轉木馬只會滾動第一輪播我知道這不會工作，那麼我想加入

$('.second-block #carousel').attr("id","#carousel-2").find('.controls a').attr("href","#carousel-2"); 
$('.fourth-block #carousel').attr("id","#carousel-3").find('.controls a').attr("href","#carousel-3"); 

這個jQuery，因爲它改變了其他轉盤的id的自身可惜這仍然只是滑動轉盤頭號會解決這個問題。有任何想法嗎？

這裏是一個Codepen

Answer 1

你必須改變的.carousel-control，.carouselid元素。根據W3：

id屬性

id屬性指定其元素的唯一標識符（ID）。 值必須在元素的主子樹 中的所有ID中唯一，並且必須至少包含一個字符。該值不能包含任何空格字符 。

檢查：Jsfiddle

$('.second-block').find(".carousel").attr("id", "carousel2"); 
$('.second-block').find('.carousel-control').attr("href", "#carousel2"); 
$('.third-block').find(".carousel").attr("id", "carousel3"); 
$('.third-block').find('.carousel-control').attr("href", "#carousel3");