Javascript Swiper slider gallery，以及在Iphone上更改方向

我制作了一个图像库格式。这是一款响应灵敏的boostrap和一些自己的媒体@，当我点击一幅图像时，一个Swiper插件滑块就会打开，以更大的尺寸一张一张地显示图像。我在PC和Android手机上进行了测试，在这两款设备上运行良好：

在android手机上响应迅速，方向不断变化，所有格式都工作正常

除了iPhone，当我点击一个图像时，它会很好地打开，但当方向改变时，它不会调整开关区域的大小

我已经准备好尝试这两个选项：

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

---

我也注意到了这一点，在将方向横向更改为纵向或纵向更改为横向，并向下滚动一小段后，滑动调整容器大小，使滚动条向上隐藏地址栏，效果很好，但在android中，这不是必需的。

它看起来像哈克，但对我来说很有效：

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

---

看起来像哈克，但对我来说很有用：

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

---

我在使用Swiper 4.4.6时也遇到过类似的问题。在iOS上，方向改变后，Swiper似乎对它包含的滑块元素数量感到困惑，并让我滑出最后一个元素。虽然OP声明对他不起作用，但我在以下方面取得了成功：

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

我碰巧使用了jQuery，但我确信它也可以只使用DOM

---

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

我在使用Swiper 4.4.6时遇到了类似的问题。在iOS上，方向改变后，Swiper似乎对它包含的滑块元素数量感到困惑，并让我滑出最后一个元素。虽然OP声明对他不起作用，但我在以下方面取得了成功：

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

我碰巧使用了jQuery，但我确信它也可以只使用DOM

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