bootstrap中的动态加载出来的图片轮播中的li标签中的class="active"的动态添加移除
2015-08-05 17:44
716 查看
//该方法是在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(警告框、按钮)
- bootstrap(选项卡、提示框和弹出框)
- BootStrap Progressbar 实现大文件上传的进度条
- bootstrap(下拉菜单与滚动监听)
- bootstrap实现模态框实例
- 封装了bootstrap的分页组件
- Bootstrap模板Metronic设置默认选中侧边栏
- json数据转化为bootstrap treeview填充数据格式util
- bootstrap(排版)
- bootstrap(支持的JavaScript插件)
- Bootstrap DatetimePicker官方API
- 設定 Bootstrap/SASS/Bower/gulp (Windows平台)
- BootStrap分页和标签
- BootStrap ifram,well
- BootStrap Panel
- bootstrap(组件)
- input text表单中嵌入select选项的方法
- tablesorter对于动态生成的table无法使用解决办法
- Bootstrap的js插件之标签页(tab)
- Bootstrap的js插件之滚动监听(scrollspy)