jquery - 如何在Bootstrap 3 Carousel中输出当前幻灯片编号？

我希望使用Bootstrap 3的Carousel插件输出当前的幻灯片编号。理想情况下，我希望将其作为转盘div下面的文本。例如：[此处轮播]3之9我可以使用CMS中的功能输出图像总数（例如，上例中的9张），但是我不知道如何获取活动幻灯片（例如，上例中的3张）。我到处搜索，发现有一个线程似乎可以做到这一点：How to Get total and Current Slide Number of Carousel不幸的是，我认为上述线程中的解决方案在Bootstrap版本3中不起作用。或者也许我只是搞砸了。有人知道这是否可能吗？我真的希望是这样！任何帮助或建议，将不胜感激。谢谢！ 最佳答案 您可以使用bootstrap插件的.getActiveIndex()方法（尽管我认为它在bootstrap 2中不起作用）。//收听“滑动轮播”事件//在每次更改幻灯片后触发我们的代码$（'。carousel'）。on（'slid.bs.carousel'，function（）{  //此变量包含与轮播相关的各种数据和方法  var carouselData = $（this）.data（'bs.carousel'）;  //编辑：在Boostrap> = 3.2中不起作用  // var currentIndex = carouselData.getActiveIndex（）;  var currentIndex = carouselData.getItemIndex（carouselData。$ element.find（'。item.active'））;;  var total = carouselData。$ items.length;  //创建我们要显示的文本。  //我们增加索引，因为人类不像机器一样计数  var text =（currentIndex +1）+“ of” +总；  //您必须创建一个HTML元素   //在您的轮播下进行这项工作  $（'＃carousel-index'）。text（text）;}）;在这里工作演示：http://jsfiddle.net/nUgy4/2/，希望您会发现它有用。