光滑的轮播在折叠的标签中加载时宽度为0px

Question

[当在折叠的内容中加载光滑的滑块（在这种情况下为angular-bootstrap崩溃插件）时，.slick-track div的宽度为0px，导致滑块试图将所有幻灯片都放置在彼此的顶部。当按箭头查看下一张幻灯片时，幻灯片将恢复正常。如果我选择了滑块并想检查浏览器中的组件，它也会恢复正常。

请参见以下示例：http://plnkr.co/edit/iw9f2alEnK0HFkv1eq16?p=preview

这是我正在使用的精巧配置：

$(document).ready(function(){
    $('.tourImageSlider').slick({
          dots: true,
          infinite: false,
          slidesToShow: 3,
          slidesToScroll: 1,
          responsive: [
            {
              breakpoint: 1500,
              settings: {
                slidesToShow: 2,
                slidesToScroll: 1,
              }
            },
            {
              breakpoint: 1000,
              settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
              }
            }]
    });
});

有人会知道如何解决这个问题吗？

Answer 1

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

Answer 2

$（'。my_slicker'）。slick（'setPosition'）;