Bootstrap轮播获取当前活动的焦点对象


 在项目中使用了Bootstrap的轮播,需求是轮播下方有一个已读按钮,当点击已读按钮时,隐藏掉当前的焦点的轮播内容;

如图所示:

image

所以要获取当前的焦点是哪一条;

下方代码是在网络上找到的一个方法,但是发现已经没有了.getActiveIndex()方法,需要进行一定的修正;

复制代码

$('#myCarousel').on('slide.bs.carousel', function () {             var carouselData = $(this).data('bs.carousel');            // var currentIndex = carouselData.getActiveIndex();//当前图片的索引,注意:这并不是下一张图的索引号
          console.dir($(this).data());            // var items = carouselData.$items;//所有图片的包裹div的数组
        });

复制代码

输出$(this).data()

发现结果

image

此处的$active就是我们要拿到的那个焦点对象;

所以代码优化为:

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

image

 

 

我给每个item加了一个id,方便操作;

当然我们的需求不一样,拿到这个对象就好说了。剩下的,自己搞定啦~


上一篇 下一篇

评论



最新评论

daliangzao_qq_com: 1112 查看原文 12月03日 10:57
PHP笔记: ypengchao@126.com 查看原文 06月26日 11:38
PHP笔记: 用数据库 查看原文 06月26日 11:37
网站/shl设计: 如果关闭浏览器了,session就没有了呀。再打开浏览器不就可以重新登陆了。 查看原文 05月28日 15:26
网站/shl设计: 站长怎么联系你有给问题请教。 查看原文 05月28日 15:25

分享

扫一扫,快速分享到微信

赞助商