Bootstrap傳送帶分頁/幻燈片編號問題

與其他許多人一樣，我希望可點擊和可調式分頁與Bootstrap傳送帶一起運行，所以我不必在引導區頂部運行額外的jquery插件（例如innerfade）。Bootstrap傳送帶分頁/幻燈片編號問題

我已經有一個鏡頭使用這個問題（和答案）Bootstrap Carousel Number active icon但到目前爲止沒有骰子，我不明白我在這裏做錯了什麼。

這是我的擺弄http://jsfiddle.net/adriatiq/V4SBt/（奇怪的分頁工作在小提琴而不是本地）。正如你所看到的，編號不會隨着幻燈片的進展而跳過。

請原諒我可悲的js技能。

來源

2012-06-11 adriatiq

我查看了你的代碼。我已經添加了基於點擊數1,2,3 ...... 的類，但我無法爲下一個先前鏈接做同樣的...

http://jsfiddle.net/V4SBt/1/

我寫的代碼，但它的評論...在該代碼中，我收到奇怪的錯誤，說當我試圖聽這些點擊事件時，在這些鏈接上的Undefined click事件。

來源

2012-06-11 05:36:07 Vins

由於VIN的，這似乎是好工作無論是在小提琴和本地。我試圖在檢查員中發現錯誤，但我在js調試時發現垃圾。 – adriatiq

您可以使用Google Chrome按Ctrl + Shift + i來調試您的JavaScript，然後導航至控制檯以查看錯誤。在Firefox上，你可以安裝firebug進行js調試。 – Vins

這一個對我的作品:) http://jsfiddle.net/4WY6S/6/

<script type="text/javascript"> 
var currentPage =0; 
$('#myCarousel').carousel({ 
     interval: 7000 
    }) 
$('#carousel-nav a').click(function(q){ 
    q.preventDefault(); 
    clickedPage = $(this).attr('data-to')-1; 
    currentPage = clickedPage-1; 
    $('#myCarousel').carousel(clickedPage); 
    }); 
var pages = $("#carousel-nav a"); 
var pagesCount = pages.length; 
$('#myCarousel').on('slide', function(evt) { 
    $(pages).removeClass("active"); 
    currentPage++; 
    currentPage=(currentPage%pagesCount); 
    $(pages[currentPage]).addClass("active"); 
    }); 
</script>

<a href="#" onclick="if(currentPage>0){currentPage=((currentPage-2)%3);$('#myCarousel').carousel(currentPage+1);}">PREVIOUS</a> | <a href="#" onclick="if(currentPage<2){$('#myCarousel').carousel(currentPage+1);}">NEXT</a>

來源

2012-06-11 13:47:21 user837135

Bootstrap傳送帶分頁/幻燈片編號問題

回答

相關問題