javascript - Slick Carousel 无法初始化方法

Question

我有多个 Slick Carousel 画廊实例已设置并正常工作。但是，我无法按照文档中的描述成功调用方法。 每当我尝试在初始化完成后执行一个方法时，该方法没有执行。我正在尝试在 slick 启动后自动转到第一张幻灯片。(方法“onInit”和“onReInit”未执行。)

这是我的代码:

$("body #slick").slick({
    slidesToShow: 3,
    centerPadding: "20px",
    draggable:false,
    onInit:function(){
      console.log("onInit");
      $("body #slick").slick("slickGoTo",0);
    },
    onReInit:function(){
      console.log("onReInit");
      $("body #slick").slick("slickGoTo",0);
    }
  });

谢谢你的帮助。

Answer 1

根据发行说明 here :

All callback methods are now deprecated. They have been replaced with event triggers. I added a few helpful ones too. So onAfterChange is now:

$('.your-element').on('afterChange', function(){
    // do stuff
});

因此，在您的情况下:

$("body #slick").on('init', function() {
    console.log("onInit");
    $("body #slick").slick("slickGoTo",0);
});

$("body #slick").on('reInit', function() {
    console.log("onReInit");
    $("body #slick").slick("slickGoTo",0);
});

$("body #slick").slick({
    slidesToShow: 3,
    centerPadding: "20px",
    draggable:false
});

请注意，所有事件处理程序都应在调用slick({...}) 之前声明。