时间戳

首页 > 解决方案 > 光滑的轮播'init'功能不起作用

javascript - 光滑的轮播'init'功能不起作用

问题描述

我最近使用了 slick 滑块，但我需要在 slick carousel 初始化后添加一个脚本。
我已经尝试过以下代码
DEMO 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.
    });

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

标签： javascripthtmljquerywebslick.js

解决方案

Your listener needs to be placed before you initialise your slick slider. Otherwise the listener is never called because you've asked it to listen after the event has ran. That is, when you init your slick slider, your listener is not currently bound.

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

     code here...

});

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

     other code here...

});

It should be as above.

推荐阅读