//該方法是在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是重復切換類名。