slick.js - 光滑的 setPosition 不起作用

Question

我在顶部的图层中有一个拇指 slider 和一个 Slick slider ，通过带有 display:none 的 css 隐藏。在点击事件上我调用了 setPosition 但它不起作用(

<div id="slider" style="display:none">
    <div class="item">
        <div class="img-item">
        <a href="#"><img src="/media/img/example-vip5.png" alt="" width="132px"></a>
        </div>
    </div>
    <div class="item">
        <div class="img-item">
         <a href="#"><img src="/media/img/example-vip1.png" alt="" width="132px"></a>
         </div>
    </div>
    <div class="item">
        <div class="img-item"><a href="#">
            <img src="/media/img/example-vip2.png" alt="" width="132px">
        </a></div>
    </div>
</div>
<a href="#" class="show-slider"></a>

$('.show-slider').click(function(){
    $('#slider').show()
    $('#slider').get(0).slick.setPosition();
})

错误:无法读取 null 的属性“setPosition”

Answer 1

试试这个:

$('#slider').slick('setPosition');

也许，你必须使用 slick 元素的类而不是 ID#slider

$('.slick-slider').slick('setPosition');

来源: http://kenwheeler.github.io/slick/