Слайдер Swiper не перемещает слайды на мобильных устройствах ⇐ CSS

[Anonymous]

Не могу исправить какую-то проблему, я использую слайдер Swiper, все в порядке, хороший слайдер, но есть одна проблема: когда я нахожусь на версии страницы для настольного компьютера, и слайдер прокручивается, все в порядке, но когда я включаю мобильный эмулятор без перезагрузки страницы слайдеры swiper не пролистывают, но когда я обновляю страницу, все в порядке, слайды пролистываются, как я могу это исправить без перезагрузки страницы, пожалуйста, вот код, который я использую

< div class="snippet">

Код: Выделить всё

 if ($('.swiper-container').length) {
let mySwiper = new Swiper('.swiper-container', {
loop: false,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
breakpoints: {
300: {
mousewheel: true,
keyboard: true,
slidesPerView: 1,
spaceBetween: 24,
allowSlidePrev: true,
allowSlideNext: true
},
400: {
slidesPerView: 1,
spaceBetween: 24,
allowSlidePrev: true,
allowSlideNext: true
},
640: {
slidesPerView: 2,
spaceBetween: 30,
allowSlidePrev: true,
allowSlideNext: true
},
768: {
slidesPerView: 2,
spaceBetween: 56,
allowSlidePrev: true,
allowSlideNext: true
},
960: {
slidesPerView: 2,
spaceBetween: 56,
allowSlidePrev: true,
allowSlideNext: true
},
991: {
slidesPerView: 3,
spaceBetween: 28,
allowSlidePrev: false,
allowSlideNext: false
}
}
});
}

Подробнее здесь: https://stackoverflow.com/questions/586 ... le-devices