javascript - 为什么光滑的滑块不适用于标签？

Question

我在标签中使用了光滑的滑块。在第一个标签幻灯片中效果很好。但是当我们点击第二个标签时 - 滑块消失了。

https://codepen.io/malinosky/pen/jvgqxO?editors=1010

我用了

$('.js-photo').slick("setPosition", 0);
$('.js-presentation').slick("setPosition", 0);

但这对我不起作用。我的错误是什么？

标签： javascriptjqueryhtmlslick.js

Answer 1

因为当滑块隐藏时，它的高度为 0。

因此，当滑块可见时，您应该刷新 slick 的位置：

target.fadeIn("200", function() {
    $('.js-photo').slick("setPosition", 0);
});

示例：https ://codepen.io/anon/pen/jvgVqR