Slick Slider setPosition用于导航

sar*_*585 10 jquery magnific-popup slick.js

我在Magnific Popup中使用Slick Slider.

滑块可以包含几个项目,并具有自己的缩略图导航.

因为弹出窗口设置滑块显示:none我用过:

$('.slider-products').slick('setPosition');
Run Code Online (Sandbox Code Playgroud)

当弹出窗口打开并更改时,在回调函数中.

我创造了一支笔.

您会看到一些问题,首先由于未设置setPosition,缩略图导航无法正确加载,但我无法使其正常工作.如果您调整窗口大小,您将看到它.

其次,第二个(紫色)和第三个(绿色)项目不会在他们的第一个项目上开始.每个滑块都有自己独特的类,因此它们不应相互干扰.