AlexaShemetova
@AlexaShemetova
While I'm breathing - I love and believe

Как уничтожить слайдер swiper, если их несколько на странице?

Инициализирую swiper для нескольких слайдеров на странице, по событию надо уничтожить слайдер, но mySwiper.destroy() работает только если слайдер один на странице, если несколько нет:

var mySwiper = new Swiper('.places__slider', {
        slidesPerView: 3,
        // spaceBetween: 5,
        loop: false,
        init: false,
        autoplay: {
            delay: 1000,
        },
        breakpoints: {
            320: {
                slidesPerView: 6
            },
            500: {
                slidesPerView: 7
            },
            992: {
                slidesPerView: 6
            },
            1600: {
                slidesPerView: 10
            }
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },

        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
  • Вопрос задан
  • 429 просмотров
Решения вопроса 1
@Nikare
var allSliders = document.querySelectorAll('.places__slider')

allSliders.forEach(function(oneSlider) {

    var mySwiper = new Swiper(oneSlider, {
        slidesPerView: 3,
        // spaceBetween: 5,
        loop: false,
        init: false,
        autoplay: {
            delay: 1000,
        },
        breakpoints: {
            320: {
                slidesPerView: 6
            },
            500: {
                slidesPerView: 7
            },
            992: {
                slidesPerView: 6
            },
            1600: {
                slidesPerView: 10
            }
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },

        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });

    // делаем что угодно с нашим "mySwiper"
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы