您的位置:首页 > Web前端 > BootStrap

bootstrap中的动态加载出来的图片轮播中的li标签中的class="active"的动态添加移除

2015-08-05 17:44 716 查看
//该方法是在slide改变时立即触发该事件,
$('#myCarousel').on('slide.bs.carousel', function () {
$("#myCarousel ol li").toggleClass("active");//重复切换类名“active”
});


遇到的问题:在动态加载出来的轮播中设置了加载时就开始轮播data-ride="carousel"图片可以轮播但是底下的li标签的class没有进行切换。而不加data-ride="carousel"时不会自动轮播,但是点<a class='left carousel-control' href='#myCarousel' data-slide='prev'><i class='icon-prev fa fa-angle-left'></i></a>触发一次slide就会开始轮播,而且图片和li标签都正常运行。查看了.css和.js也没有进展,后来回头重新仔细看了一遍bootstrap的轮播教程,试了很多次方法才有进展。

解决方法:slide.bs.carousel是bootstrap中轮播(Carousel)插件中要用到的事件,主要用法是当调用 slide 实例方法时(轮播完成幻灯片过渡效果时)立即触发该事件。而事件.toggleClass是重复切换类名。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: