我希望使用Bootstrap 3的Carousel插件输出当前的幻灯片编号。理想情况下，我希望将其作为转盘div下面的文本。例如：
[CAROUSEL HERE]
9之3
我可以使用CMS中的功能输出图像总数（例如上例中的9张），但是我不知道如何获取活动幻灯片（例如上例中的3张）。
我到处搜索，发现一个线程似乎可以做到这一点：如何获取轮播的总数和当前幻灯片数量
不幸的是，我认为上述线程中的解决方案在Bootstrap版本3中不起作用。或者也许我只是搞砸了。
有人知道这是否可能吗？我真的希望是这样！任何帮助或建议，将不胜感激。谢谢！
您可以使用.getActiveIndex()bootstrap插件的方法（尽管我认为它在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” + total；
//您必须创建一个HTML元素<div id =“ carousel-index”> </ div>
//在您的轮播下进行这项工作
$（'＃carousel-index'）。text（text）;
}）;
此处的工作示例：http : //jsfiddle.net/nUgy4/2/，希望您会发现它很有用。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句