Swiper滑块库，以及改变Iphone的方向

Question

我制作了一个图片库格式。它响应（boostrap和一些自己的媒体@），当我点击一个图像时，一个Swiper（http://idangero.us/插件）滑块打开，以更大的尺寸逐个显示图像。我在PC和Android手机上进行了测试，它在这两款设备上运行良好：

响应，改变手机（Android）的方向，所有格式都正常工作......

除了iphone，当我点击图像时，它打开正常，但是当方向改变时，它不会调整滑动区域的大小。

我已经尝试了这2个选项：

window.addEventListener("orientationchange", function() {
    mySwiper.update(); and thisone: mySwiper.onResize();
});

此外，我注意到这一点，在更改方向（横向纵向或纵向到横向）后，并进行小向下滚动，指示器调整容器大小（滚动以隐藏地址栏上部）并且工作正常，但是安卓，那不是必要的。

Answer 1

它看起来像个哈克，但它对我有用：

$(window).on('orientationchange', function () {
  setTimeout(() => swiper.onResize(), 50);
});

Answer 2

使用Swiper（4.4.6）时遇到类似的麻烦。在iOS上更改方向后，Swiper似乎对其包含的多个滑块元素感到“困惑”，并且让我滑到了最后一个元素之外。尽管OP指出对他不起作用，但我在以下方面取得了成功：

$(window).on( 'orientationchange', function()
{
    mySwiper.update();
} );    

我碰巧使用的是jQuery，但我敢肯定，仅使用DOM，它也能很好地工作。

请确保将对“ mySwiper”的引用更改为您的Swiper实例全局变量的名称！