гладкая функция инициализации карусели не работает - PullRequest
Новая
       87

гладкая функция инициализации карусели не работает

1 голос
/ 02 августа 2020

Недавно я использовал гладкий слайдер, но мне нужно добавить скрипт после того, как гладкая карусель была инициализирована.
Я пробовал приведенный ниже код
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.
    });

Есть идеи? или кто-нибудь может предложить хорошую производительность и может полностью настроить карусель для меня?

1 Ответ

2 голосов
/ 02 августа 2020

Ваш слушатель должен быть размещен перед инициализацией гладкого слайдера. В противном случае прослушиватель никогда не вызывается, потому что вы попросили его прослушать после запуска события. То есть, когда вы запускаете свой гладкий слайдер, ваш слушатель в настоящее время не привязан. 

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

     code here...

});

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

     other code here...

});

Это должно быть так, как указано выше.

...