Question

我已经完成了一个ajax调用来检索数据，我想将这些图像放在一个Slick旋转木马中。

问题是 - 我读过 - Slick只看到静态数据，所以一旦图像是html，我就要关闭开启Slick。

它应该编码如下。

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

但我得到了这个错误：

TypeError无法读取未定义
的属性'unslick'

在我的代码中，我有2个光滑的旋转木马。一个是静态的，第二个是通过ajax调用接收数据时通过jQuery构造的。

如果我试图取消静态旋转木马，那么它可以工作。但我无法取消第二个轮播，这是动态构建的（我收到错误）。

你有什么想法吗？

这是我宣布我的2个旋转木马的方式。

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

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

Answer 1

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

Slick var或类似的东西对于那个轮播来说是“未定义的”。

所以我们用我们的设置将它绑定到Slick var：

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（）;

光滑的jQuery：TypeError无法读取未定义

1 个答案: