如何在关闭模态框后不改变swiper滑动位置

Question

我尝试将滑动幻灯片和模态结合起来，并将slidesPerView设置为3。但是，我发现在关闭第二或第三张幻灯片的模态后，幻灯片将转到第一张幻灯片位置。有什么办法可以在模态框关闭后保持滑动位置吗？

这是我的演示 swiper版本是8.0.6

我尝试将其添加到js中，但它仍然改变了位置。

$('.modal .btn-close').on('click', function() { var activeIndex = swiper.activeIndex; swiper.slideTo(activeIndex, 0, false); });

Answer 1

我找到了解决问题的方法。我网站上的一些模态是通过 JavaScript 触发的，而其他模态是使用 data-bs 属性触发的。我发现使用 JavaScript 调用模态框（如Bootstrap 文档所示）不会触发 Swiper。