swiper滑动与点击

最新推荐文章于 2024-11-27 15:08:18 发布

Khun_HWJ

最新推荐文章于 2024-11-27 15:08:18 发布

阅读量643

点赞数

CC 4.0 BY-SA版权

分类专栏：工具插件类

本文链接：https://blog.youkuaiyun.com/Khun_HWJ/article/details/96976944

工具插件类专栏收录该内容

13 篇文章

订阅专栏

在这里插入图片描述

var pageSwiper;
var tlidIndex = 0;
function swipers(){
	pageSwiper = new Swiper('.swiper-container2', {
		paginationClickable: true,
		uniqueNavElements :false,
		autoHeight:'auto',
		onSlideChangeStart: function(swiper){
	       $('.testanalysisbox').empty();
	       pageSwiper.update(); //当有内容不确定时 这个是重新渲染
	       tlidIndex = swiper.realIndex;
$('[data-role="examansweregbox"] span').eq(swiper.activeIndex).addClass('active').siblings().removeClass('active');
		}
	});
}

 // 点击绿色按钮切换
 $('[data-role="examanswerlist"]').on('click', 'span.clickSlide', function() {
   let index = $(this).text().trim() - 1;
   pageSwiper.slideTo(index);
 })