javascript - 为什么光滑的 slider 不适用于选项卡？

Question

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

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

我用过

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

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

Answer 1

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

所以你应该在 slider 可见时刷新 slick 的定位:

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

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