$(function () {
  initSwipe();
});

function initSwipe() {
  $('.swiper-container').each(function (_i, ele) {
    new Swiper({
      el: ele,
      breakpoints: {
        1024: {
          slidesPerView: 4,
          spaceBetween: 20,
        },
        768: {
          slidesPerView: 3,
          spaceBetween: 15,
        },
        320: {
          slidesPerView: 2,
          spaceBetween: 15,
        },
      },
      slidesPerView: 4,
      loop: true, //可选选项，开启循环
      speed: 1500,
      autoplay: {
        // 自动播放
        delay: 1500, // 每隔10秒轮播一次，可以根据需要修改
        disableOnInteraction: true, // 当用户与轮播图交互时暂停自动播放，默认为true
      },
      pagination: {
        el: '.swiper-pagination',
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      a11y: {
        prevSlideMessage: '上一个',
        nextSlideMessage: '下一个',
        firstSlideMessage: '第一个',
        lastSlideMessage: '最后一个',
        paginationBulletMessage: '跳转到第 {{index}} 个',
      },
    });

    $(ele).find('.swiper-slide-duplicate a').prop('tabindex', -1);

    hotkeys('tab', { element: ele }, function (e) {
      var s = ele.swiper;
      s.autoplay.stop();
      var index = (function recursiveIndex(rEle){
        if (!rEle) return null;
        if (rEle.getAttribute('data-swiper-slide-index')) {
          return rEle.getAttribute('data-swiper-slide-index')
        }
        return recursiveIndex(rEle.parentElement);
      })(e.target)
      if (index === null) return;
      s.activeIndex = index;
      console.log('index', index);
      s.update();
      setTimeout(function() {
        s.$el[0].scrollLeft = 0;
      }, 0)
    })
  })

}