我在Slick Slider内使用Magnific Popup。
滑块可以包含几个项目,并拥有自己的缩略图导航。
因为弹出窗口设置滑块显示:none我使用:
$('.slider-products').slick('setPosition');
当弹出窗口打开并更改时,在回调函数中。
我创建了pen。
您会看到一些问题,首先由于未设置setPosition,缩略图导航无法正确加载,但我无法使其正常工作。如果你调整窗口大小,你会看到它。
其次,第二个(紫色)和第三个(绿色)项目不会在第一个项目上开始。每个滑块都有它自己独特的类,所以它们不应该相互干扰。