$require(['swiper'], function () { var leftyy2 = new swiper('.myswiperyy2',{ slidesperview: 'auto', spacebetween: 5, loop: false, autoheight: true, // 添加这个选项实现高度自适应 on: { slidechange: function() { var slideindex = this.activeindex; // 获取当前滑动到的元素的索引 // 通过索引获取当前滑动到的元素 var currentslide = this.slides.eq(slideindex); // 通过索引获取当前滑动到的元素 if ($('#c_static_001_p_17776-1703317484363 .e_loop-41 .p_list .swiper-slide').hasclass('swiper-slide-active')) { $('#c_static_001_p_17776-1703317484363 .e_loop-39 .p_list .swiper-slide').removeclass('swiper-slide-active'); // 获取当前轮播的索引 var datavalue = currentslide.attr('data-index') $('#c_static_001_p_17776-1703317484363 .e_loop-39 .p_list .swiper-slide').eq(datavalue).addclass('swiper-slide-active'); } } }, }); var leftyy1 = new swiper('.myswiperyy1',{ slidesperview: 1, loop: true, navigation: { nextel: ".swiper-button-next", prevel: ".swiper-button-prev", }, effect: 'fade', autoheight: true, thumbs: { swiper: leftyy2, slidethumbactiveclass: 'swiper-slide-thumb-active', }, }); // 监听鼠标移入事件 $('#c_static_001_p_17776-1703317484363 .e_loop-39 .swiper-slide').on('mouseenter', function() { $('#c_static_001_p_17776-1703317484363 .e_loop-39 .swiper-slide').removeclass('swiper-slide-active'); $(this).addclass('swiper-slide-active'); // 获取当前轮播的索引 var datavalue = $(this).attr('data-index') datavalue=number(datavalue)+1; // 切换到当前轮播 leftyy1.slideto((datavalue)); }); })