Fancybox破坏Swiper。在没有可见CSS和DOM更改的情况下添加偏移量。要在jsbin(https://output.jsbin.com/jiqucacete)上复制此问题,您需要:
new Swiper('.swiper-container', {
slidesPerView: 1
});
1)按下swiper幻灯片图像2)转到fancybox图库弹出的下一个图像3)关闭图库,在swiper中将有幻灯片变化
它是如何工作的?为什么没有可见的CSS、DOM更改?如何修复?
fancybox在关闭图库后会将焦点重新放在触发器元素上,有时carousel/slider脚本对此特性很敏感。要禁用该功能,请设置backfocus:false
,例如:
$.fancybox.defaults.backFocus = false;