首页 > 其他 > 详细

bootstrap 监听轮播图的索引

时间:2021-08-12 13:28:54      阅读:13      评论:0      收藏:0      [点我收藏+]
如:

<div id="carouselExampleCaptions001"  class="carousel slide" data-ride="carousel">
  <div class="carousel-inner" style="height: 100%;">
													
	<div class="carousel-item active" >
		<img src="img/page4-swiper07.png" >									
	</div>
	<div class="carousel-item" >
	     <img src="img/page4-swiper09.png" >									
	</div>
	<div class="carousel-item" >
		<img src="img/page4-swiper04.png" >									
	</div>
	<div class="carousel-item" >
		<img src="img/page4-swiper06.png" >									
	</div>											
  </div>
</div>

  

$(#carouselExampleCaptions).on(slide.bs.carousel, function (event) {
              var $hoder = $(#carouselExampleCaptions).find(.carousel-item),
              $items = $(event.relatedTarget);
              //getIndex就是轮播到当前位置的索引
              var getIndex= $hoder.index($items);
               console.log(getIndex)
 })

 

bootstrap 监听轮播图的索引

原文:https://www.cnblogs.com/laid/p/15132008.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!