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

作者: 走向未知
发布时间:2015-08-07 10:13:03

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

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

解决方法:slide.bs.carousel是bootstrap中轮播(Carousel)插件中要用到的事件,主要用法是当调用 slide 实例方法时(轮播完成幻灯片过渡效果时)立即触发该事件。而事件.toggleClass是重复切换类名。

标签: Bootstrap
来源:http://www.cnblogs.com/hello-word1/p/4705387.html

推荐: