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是重复切换类名。

转载于:https://www.cnblogs.com/hello-word1/p/4705387.html

bootstrap中的动态加载出来的图片轮播中的li标签中的class=active的动态添加移除...相关推荐

Android 加载圆角的图片轮播图
图片轮播图相信大家有不会陌生,主要用于展示广告.本篇文章是基于第三方Banner框架实现图片轮播.大家可以去看看我之前的文章:Android 广告轮播图(最简单的实现),看看是怎么基础实现. 本篇文章 ...
html轮播图片加超链接,求助HTML5 图片轮播
满意答案 html> 轮播图 * { margin: 0px; padding: 0px; } #lunbotu ...
cascader 动态加载回显_Element中的Cascader（级联列表）动态加载省\市\区数据的方法...
element中的cascader其实是有动态加载次级选项的方法. 方法的原理是利用址(引用)传递,动态修改:options. var c={name: 'bob'} var d=c d.name = ...
android jar 加入图片,Android动态加载外部jar包及jar包中图片等资源文件
Android动态加载外部jar包及jar包中图片等资源文件 Android应用程序由Java开发,因此Java中许多实用的特性,在Android中也有体现.动态加载Class,也就是外部jar包,在 ...
Zuul 2是如何动态加载Filter的？
Zuul 2沿用了Zuul 1的责任链模式的设计,其网关核心功能还是通过Filter链来实现的.要熟练使用和扩展Zuul 2的功能,必须要了解其Filter的加载和执行机制.另外,Zuul 2使用Gu ...
jquery动态加载问题
对于append的元素,原有的方法不生效解决:用on方法找到的:http://www.zhidao91.com/jquery-html-live-on/ 解决使用jQuery采用append添加的 ...
python爬虫实例解析-Python(爬虫)- 动态加载案例分析
requests """ 基于网络请求的模块. 环境的安装:pip install requests 作用:模拟浏览器发起请求分析requests的编码流程: 1.指定 ...
Android动态加载技术
基本信息 Author:kaedea GitHub:android-dynamical-loading 我们很早开始就在Android项目中采用了动态加载技术,主要目的是为了达到让用户不用重新安装AP ...
Java运行时动态加载类之ClassLoader加载class及其依赖jar包
需求场景是:通过ClassLoader动态加载外部class文件,class文件又依赖某个具体jar包,需要动态加载jar包,采用URLClassLoader. 1.xml配置文件 <?xml ...
Android apk动态加载机制的研究
转载请注明出处:http://blog.csdn.net/singwhatiwanna/article/details/22597587 (来自singwhatiwanna的csdn博客) 背景问题 ...

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

bootstrap中的动态加载出来的图片轮播中的li标签中的class=active的动态添加移除...相关推荐

最新文章

热门文章