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是重復切換類名。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM