Fancybox 画廊打破了 swiper

Aid*_*e01 7 javascript fancybox swiper

Fancybox 打破了 swiper。在没有可见 CSS 和 DOM 更改的情况下添加偏移量。要在 jsbin ( https://output.jsbin.com/jiqucacete )上复制问题,您需要:

new Swiper('.swiper-container', {
  slidesPerView: 1
});
Run Code Online (Sandbox Code Playgroud)

1) 按下 swiper 幻灯片图像 2) 转到fancybox 画廊弹出窗口中的下一张图像 3) 关闭画廊,swiper 中将有幻灯片更改

它是如何工作的?为什么看不到任何 CSS、DOM 更改?怎么修?

Jan*_*nis 9

关闭图库后,fancybox 会将焦点重新放在触发元素上,有时轮播/滑块脚本对此功能很敏感。要禁用它,请设置backFocus:false,例如:

$.fancybox.defaults.backFocus = false;
Run Code Online (Sandbox Code Playgroud)