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

标签：

//该方法是在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是重复切换类名。

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

标签：

原文地址：http://www.cnblogs.com/hello-word1/p/4705387.html