function getSwiper(itemWrap, groupNum, swiperOpt) {
  if (swiperOpt === void 0) {
    swiperOpt = {};
  }

  var $wrap = $(itemWrap);
  var $items = $wrap.children('.item');

  if (!$items.length) return;

  var swiperId = 'swiper-' + Date.now() + Math.random().toString(36).substr(2, 5);
  var paginationId = swiperId + '-pagination';

  var swiperHtml =
    '<div class="swiper-container ' + swiperId + '">' +
      '<div class="swiper-wrapper"></div>' +
      '<div class="swiper-pagination" id="' + paginationId + '"></div>' +
    '</div>';

  $wrap.after(swiperHtml);

  var $wrapper = $('.' + swiperId + ' .swiper-wrapper');

  for (var i = 0; i < $items.length; i += groupNum) {
    var $slide = $('<div class="swiper-slide"></div>');
    $items.slice(i, i + groupNum).appendTo($slide);
    $wrapper.append($slide);
  }
  var defaultOpt = {
    pagination: { el: '#' + paginationId, clickable: true },
    spaceBetween: 10,
    slidesPerView: 1
  };

  var finalOpt = {};
  for (var key in defaultOpt) {
    finalOpt[key] = defaultOpt[key];
  }
  for (var key in swiperOpt) {
    finalOpt[key] = swiperOpt[key];
  }

  $wrap.remove();

  new Swiper('.' + swiperId, finalOpt);
}
//调用
getSwiper('.slide-p1a', 4, {
      loop: true,
      autoplay: {delay: 6000,stopOnLastSlide: false,disableOnInteraction: false,},
      navigation: { nextEl: ".slide-p1ap .next", prevEl: ".slide-p1ap .prev" },
});
  

标签: swiper

您需要先登录才能发表评论。