菜单

bootstrap中之动态加载出来的图样轮播中的li标签中的class=”active”的动态增长移除

2018年11月15日 - Bootstrap

缓解方法:slide.bs.carousel是bootstrap中轮播(Carousel)插件中设用到之风波,主要用法是当调用
slide
实例方法时(轮播完成幻灯片过渡效果时)立即触发该事件。而事件.toggleClass是再切换类名。

化解措施:slide.bs.carousel是bootstrap中轮播(Carousel)插件中假如因此到的事件,主要用法是当调用
slide
实例方法时(轮播完成幻灯片过渡效果时)立即触发该事件。而事件.toggleClass是重新切换类名。

相遇的题目:在动态加载出来的轮播中安装了加载时即便起来轮播data-ride=”carousel”图片可以轮播但是下的li标签的class没有开展切换。而休加data-ride=”carousel”时莫会见自动轮播,但是点<a
data-slide=’prev’><i
></i></a>触发一潮slide就见面起轮播,而且图片以及li标签都健康运作。查看了.css和.js也远非进展,后来改过再仔细看了千篇一律所有bootstrap的轮播教程,试了累累糟糕艺术才发出进行。

//该方法是在slide改变时立即触发该事件,
$('#myCarousel').on('slide.bs.carousel', function () {
$("#myCarousel ol li").toggleClass("active");//重复切换类名“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的轮播教程,试了成千上万不善艺术才生进行。


相关文章

标签:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图