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

Question

[Александра]

Инициализирую 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',
        },
    });

Answer 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"
});

Comments

[Александра]

спасибо)