swiper中自定义按钮怎么实现slider的切换

Question

swiper中自定义按钮怎么实现slider的切换

Answer 1

 //swiper
  var tabsSwiper = new Swiper('.index-product-list', {
    speed: 500,
    onSlideChangeStart: function(swiper) {
      $(".index-product-tabs .on").removeClass('on')
      $(".index-product-tabs li").eq(swiper.activeIndex).addClass('on')
    }
  })
//tabs 关联swiper
 $(".index-product-tabs li").on('touchstart click', function(e) {
    e.preventDefault();
    $(this).addClass('on').siblings().remoClass('on');
    tabsSwiper.slideTo($(this).index());  //tabsSwiper和上面的变量需要保持一致
  })

Answer 2

swiper有一个实例，这个实例上有相应的方法去手动操作，具体仔细查看一下文档吧