光滑的轮播“init”功能不起作用

Question

我最近使用过 slick slider，但我需要在 slick carousel 初始化后添加一个脚本。
我已经尝试过以下代码
演示 codepen：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...

});

应该如上。