$require(['swiper'], function () { var date_swiper = new Swiper('.new_date', { autoplay: { disableOnInteraction: false, delay: 9000, }, slidesPerView: 2, spaceBetween:0, speed: 1200, slideToClickedSlide: true, breakpoints: { 768: { slidesPerView: 4, }, 1366: { slidesPerView: 5, } }, observer: true, //开启动态检查器,监测swiper和slide observeParents: true, //监测Swiper 的祖/父元素 }) var new_swiper = new Swiper('.new_con', { autoplay: { disableOnInteraction: false, delay: 9000, }, speed: 1200, on: { slideChangeTransitionStart: function(swiper){ date_swiper.slideTo(swiper.activeIndex, 1000, false); $(".new_date .swiper-slide").eq(swiper.activeIndex).addClass("yx_Active").siblings() .removeClass("yx_Active") }, }, observer: true, //开启动态检查器,监测swiper和slide observeParents: true, //监测Swiper 的祖/父元素 }); $(".new_date .swiper-slide").eq(0).addClass("yx_Active"); $(".new_date .swiper-slide").click(function() { var sm_in = $(this).index(); $(this).addClass("yx_Active").siblings().removeClass("yx_Active"); date_swiper.slideTo(sm_in, 1000, false); new_swiper.slideTo(sm_in, 1000, false); }); });