Несколько одинаковых слайдеров на странице?

Question

[MegaPuxapb]

Есть слайдер:

let sliderCards;
   let mobSliderCards = document.querySelector('.card-row');

   function mobileSliderCards() {
      if ($('.card-row').length > 0) {
         if (window.innerWidth <= 660 && mobSliderCards.dataset.mobile == 'false') {
            sliderCards = new Swiper(mobSliderCards, {
               slidesPerView: 'auto',
               spaceBetween: 8,
               loop: true,
               watchSlidesVisibility: true,
            });
            mobSliderCards.dataset.mobile = 'true';
         }

         if (window.innerWidth > 660) {
            mobSliderCards.dataset.mobile = 'false';
            if (mobSliderCards.classList.contains('swiper-container-initialized')) {
               sliderCards.destroy();
            }
         }
      }
   }

   mobileSliderCards();

   window.addEventListener('resize', () => {
      mobileSliderCards();
   });

как его продублировать на странице?

Comments

[dmitry-toster]

перепишите функцию в класс и вызывайте как конструктур сколько угодно раз

Answer 1

[art_y10]

mobileSliderCards2 ?

Comments

[MegaPuxapb]

хотелось бы одной функцией)