//该方法是在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是重复切换类名。
时间: 2024-12-21 14:45:39