Fancybox 画廊打破了刷卡器

Question

Fancybox 破坏了刷卡器。添加不可见 CSS 和 DOM 更改的偏移量。要在 jsbin (https://output.jsbin.com/jiqucacete) 上复制问题，您需要：

new Swiper('.swiper-container', {
  slidesPerView: 1
});

1) 按下滑动条图片 2) 转到 fancybox 画廊弹出窗口中的下一张图片 3) 关闭图库，swiper会有幻灯片变化

它是如何工作的？ 为什么看不到任何 CSS、DOM 更改？ 如何解决？

Answer 1

fancybox 在关闭图库后将焦点放回到触发元素上，有时 carousel/slider 脚本对此功能很敏感。要禁用它，请设置 backFocus:false，例如：

$.fancybox.defaults.backFocus = false;