$(function () { $(".industrial-characteristicsall").hide(); $(".industrial-characteristicsall").eq(0).show(); $(".industrial-characteristicsall").eq(0).addclass("industrial-characteristicsa"); $(".industrial-characteristicsall").eq(1).addclass("industrial-characteristicsb"); $(".industrial-characteristicsall").eq(2).addclass("industrial-characteristicsc"); $(".industrial-characteristicsall").eq(3).addclass("industrial-characteristicsd"); $(".industrial-characteristicsall").eq(4).addclass("industrial-characteristicse"); $(".industrial-column").show(); $(".industrial-column span").click(function () { var index = $(this).index(); $(this).addclass('active').siblings().removeclass('active'); $(".industrial-characteristicsall").eq(index).show().siblings(".industrial-characteristicsall").hide(); myswipera.update(true); myswiperb.update(true); myswiperc.update(true); myswiperd.update(true); myswipere.update(true); }) myswipera = new swiper('.industrial-characteristicsa .swiper-container', { loop: false, // 如果需要前进后退按钮 nextbutton: '.swiper-characteristics-next', prevbutton: '.swiper-characteristics-prev', autoplay: 2000, slidesperview: 3, spacebetween: 30, breakpoints: { //当宽度小于等于640 1200: { slidesperview: 2, spacebetween: 10 }, 640: { slidesperview: 1, spacebetween: 0, speed: 500, } }, speed: 800, }); myswiperb = new swiper('.industrial-characteristicsb .swiper-container', { loop: false, // 如果需要前进后退按钮 nextbutton: '.swiper-characteristics-next', prevbutton: '.swiper-characteristics-prev', autoplay: 2000, slidesperview: 3, spacebetween: 30, breakpoints: { //当宽度小于等于640 1200: { slidesperview: 2, spacebetween: 10 }, 640: { slidesperview: 1, spacebetween: 0, speed: 500, } }, speed: 800, }); myswiperc = new swiper('.industrial-characteristicsc .swiper-container', { loop: false, // 如果需要前进后退按钮 nextbutton: '.swiper-characteristics-next', prevbutton: '.swiper-characteristics-prev', autoplay: 2000, slidesperview: 3, spacebetween: 30, breakpoints: { //当宽度小于等于640 1200: { slidesperview: 2, spacebetween: 10 }, 640: { slidesperview: 1, spacebetween: 0, speed: 500, } }, speed: 800, }); myswiperd = new swiper('.industrial-characteristicsd .swiper-container', { loop: false, // 如果需要前进后退按钮 nextbutton: '.swiper-characteristics-next', prevbutton: '.swiper-characteristics-prev', autoplay: 2000, slidesperview: 3, spacebetween: 30, breakpoints: { //当宽度小于等于640 1200: { slidesperview: 2, spacebetween: 10 }, 640: { slidesperview: 1, spacebetween: 0, speed: 500, } }, speed: 800, }); myswipere = new swiper('.industrial-characteristicse .swiper-container', { loop: false, // 如果需要前进后退按钮 nextbutton: '.swiper-characteristics-next', prevbutton: '.swiper-characteristics-prev', autoplay: 2000, slidesperview: 3, spacebetween: 30, breakpoints: { //当宽度小于等于640 1200: { slidesperview: 2, spacebetween: 10 }, 640: { slidesperview: 1, spacebetween: 0, speed: 500, } }, speed: 800, }); });