bootstrap 获得轮播中的目录或当前动之要害对象

今天因此bootstrap做一个轮播,当轮播滚到各张图的上,在页面下就是显相呼应的内容,那么问题来了:为了轮播图的而扩展性,我们必定用了解当前运动(显示图片)的索引号,查了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             })

在意:索引都是从0开始之;然后还有为数不少得以改善的地方大家好打印参数Bootstrapevent里面来许多行之值

假使大家还有更好之提议还是其它急需帮忙的好留言哦!

相关文章