slick carousel 'init' 功能不起作用

Question

我最近使用了 slick slider，但是我需要在 slick carousel 初始化后添加一个脚本。
我试过下面的代码
演示代码笔：https://codepen.io/kelvinspaces/pen/bGEXJaG
关于滑块完全加载后我如何运行脚本的任何想法？

//Slick Slider    
$('.slider-container').slick({
      infinite: true,
      slidesToShow: 6,
      slidesToScroll: 6
    });
    

    $('.slider-container').on('init', function (event, slick) {
      alert('test');
      $('.test').css('background-color', 'red'); //RUN the script after slick slider have load completly.
    });

有人知道吗？或者任何人都可以建议一个好的性能并可以为我完全定制轮播？

Answer 1

在初始化光滑的滑块之前需要放置您的侦听器。否则永远不会调用侦听器，因为您已要求它在事件运行之后进行侦听。也就是说，当您初始化光滑的滑块时，您的侦听器当前未绑定。

// Bind init event listener function
$('.slider-container').on('init', function (event, slick) {

     code here...

});

// Init your slick slider
$('.slider-container').slick({

     other code here...

});

应该和上面一样

slick carousel 'init' 功能不起作用

slick carousel 'init' function doesn't work

javascript

html

jquery

web

slick.js