Slick jQuery：TypeError 无法读取未定义的属性“unslick”

Question

我已经完成了 ajax 调用来检索数据，并且想将图像放入 Slick 轮播中。

问题是 - 我读过 - Slick 只能看到静态数据，所以我必须在图像为 html 时关闭 Slick。

其编码应如下所示。

$('.slick-media').slick('unslick').slick('reinit');

但我得到了这个错误：

类型错误无法读取未定义的属性“unslick”

在我的代码中，我有 2 个 Slick 轮播。第一个是静态的，第二个是在 ajax 调用接收数据时通过 jQuery 构建的。

如果我尝试取消静态轮播，那么它就会起作用。但我无法取消第二个轮播，它是动态构建的（我收到错误）。

你有什么主意吗？

这就是我声明我的 2 个轮播的方式。

$(document).ready(function(){
      $('.carousel').slick({
        //properties
      });

      $('.product_carousel').slick({  
        //properties
      });
    });

Answer 1

好的，这是解决方案！（耶）

对于该轮播，Slick var 或类似的东西是“未定义”的。

因此，我们使用我们的设置将其绑定到 Slick 变量：

function getSliderSettings() {
      return {
        dots: true,
        arrows: false,
        slidesToShow: 1,
        cssEase: 'ease',
        variableWidth: false,
        speed: 800,
        fade: true,
        cssEase: 'linear'
      }
}

$('.product_carousel').slick(getSliderSettings());

显然没有必要做 $('your_carousel_class').slick('unslick').slick();