光滑的轮播'init' function 不起作用

Question

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

//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

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

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

     code here...

});

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

     other code here...

});

应该如上。