bootstrap 得到轮播中的索引或当前活动的要害对象

前几天用bootstrap做1个轮播,当轮播滚到每张图的时候,在页面下边就显得相呼应的剧情,那么难题来了:为了轮播图的可增添性,大家终将须求精晓当前移动(突显图片)的索引号,查了bootstrap文书档案,文书档案上并不曾一直提及(最新版的Bootstrap
v3.3.7 ),不过在官网其实也大致有证实:

Bootstrap 1

在互连网上找到的三个.getActiveIndex()方法,他适应于bootsrap
v3.0.2
,不过这一个版本已经不能用了,所以就不再举例了。

再有的博主说能够扩充成那样

1 $('#myCarousel').on('slide.bs.carousel', function () {
2              var carouselData = $(this).data('bs.carousel').$active; 
3         });

可是对于广大人来说那么些将的并不是他俩说供给的,而且.$active
只是在点击圆点的时候才会接触,自动播放是值是空的。

为此在网上找了诸多方法其实都无法用来是上下一心花了点时间精心看了bootstrap文书档案将代码改好了

1 $('#myCarousel').on('slide.bs.carousel', function (event) {
2                 var $hoder = $('#myCarousel').find('.item'),
3                     $items = $(event.relatedTarget);
4                 //getIndex就是轮播到当前位置的索引
5                 var getIndex= $hoder.index($items);
6                 
7                 
8             })

Bootstrap,留意:索引都以从0开首的;然后还有许多足以创新的地点大家可以打字与印刷参数event里面有无数灵光的值

固然我们还有更好的建议依旧其余急需帮忙的能够留言哦!

相关文章