twitter-bootstrap-3 - Bootstrap 3 - 带页码的轮播

Question

我想知道如何使用 Bootstrap Carousel 显示页码。 Bootstrap 有轮播指示器(点点):

是否可以将指示器更改为“第 1/3 页”之类的内容？

我尝试将数字添加到 Bootstrap 标题并将其移动到左侧:

然而，每当我点击下一步时，数字并没有停留在原处。有什么想法可以使它变得更好吗？

谢谢!

Answer 1

找到一个可行的解决方案:

var total = $('.item').length;
var currentIndex = $('div.active').index() + 1;
$('#slidetext').html(currentIndex + '/'  + total);

// This triggers after each slide change
$('.carousel').on('slid.bs.carousel', function () {
  currentIndex = $('div.active').index() + 1;

  // Now display this wherever you want
  var text = currentIndex + '/' + total;
  $('#slidetext').html(text);
});

http://jsfiddle.net/Lf9krnsm/