Javascript 不在浏览器上工作的Swiper已在chrome中调整为Smartphone视图

我的泳衣有点问题。我目前处于测试阶段，当窗口更改为smartphone时，我的swiper不工作，我必须刷新浏览器以使swiper再次工作。是否有任何方法可以重新初始化我的swiper以适应新的浏览器类型？以下是我所拥有的：

var swiper = new Swiper('.swiper-container', {
    effect: 'slide',
    direction: 'horizontal',
    loop: true,
    simulateTouch: true,
    slidesPerView: 1,
    spaceBetween: 0,
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
    on: {
        slideChangeTransitionEnd:function() {
            //other codes
        }
    }
});

我试过了

setTimeout(() => {
    swiper.update()
}, 500)

及

但它们都不起作用。你能帮我找出我遗漏了什么吗？还是真的需要刷新页面以使js适应新的浏览器环境

滑块仅在单击“上一步”或“下一步”按钮时起作用，但在拖动时不起作用。

试试这个

let resize = function () {
    // Whatever you like to do
}

window.onresize = resize

您可以在此处阅读有关调整大小事件的更多信息 试试这个

let resize = function () {
    // Whatever you like to do
}

window.onresize = resize

您可以在此处阅读有关调整大小事件的更多信息

---

有人对此有想法吗？有人对此有想法吗？不幸的是，当我在我的调整大小函数中放入

swiper.update（）

时，swiper仍然不工作。不幸的是，当我在调整大小函数中放入

swiper.update（）

时，swiper仍然不工作。