我和许多其他人一样，希望可点击和样式化的分页与 Bootstrap 轮播一起运行，这样我就不必在 bootstrap 顶部运行额外的 jquery 插件(例如 innerfade)。
我试过使用这个问题(和答案)Bootstrap Carousel Number active icon但到目前为止没有骰子，我看不出我在这里做错了什么。
这是我的摆弄 http://jsfiddle.net/adriatiq/V4SBt/ (奇怪的是，分页在 fiddle 中起作用，而不是在本地起作用)。如您所见，编号不会随着幻灯片的进行而跳过。
请原谅我糟糕的 js 技能。
最佳答案
这个对我有用:) 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>
关于javascript - Bootstrap 轮播分页/幻灯片编号问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10974724/