Как сделать так, чтобы функция отрабатывала при ресайзе в slick slider?

Question

[z_u_q]

Здравствуйте. Есть такая проблема. При загрузке страницы кастомный селект работает. Но если страницу сделать меньше 1380 - селект перестает работать (т.е. в моём случае, если слик перестраивает слады). Что можно сделать, чтобы избежать такого?

Ссылка на пример

Comments

[Сергей delphinpro]

Пример вообще не работает...

Answer 1

[0xD34F]

https://jsfiddle.net/m913pr75/

Comments

[z_u_q]

Большое спасибо!!!

Answer 2

[profesor08]

Посмотри как на самом деле работает слик. Он делает кучу дублей слайдов. И ему точно не известно что ты там вытворял и объявлял для внутренних элементов слайдов. У тебя два пути, перестать использовать слик и пользу другой альтернативы, которая не перестраивает dom, либо делай реинициализацию свои кастомных компонентов при каждом чихе слика. Для этого тебе в документацию slick events -> afterChange.

Answer 3

[Никита Ермиличев]

$(window).on('resize orientationchange', function() {
  $('.Ваш_элемент').slick('resize');
});

Полностью

<div class="your-class">
  <div><img src="https://placehold.it/350x150" class="img-responsive"></div>
  <div><img src="https://placehold.it/350x150" class="img-responsive"></div>
  <div><img src="https://placehold.it/350x150" class="img-responsive"></div>
</div>

$('.your-class').slick({
    responsive: [
      {
        breakpoint: 641,
        settings: "unslick"
      }
    ],
    mobileFirst: true
});

$(window).on('resize orientationchange', function() {
  $('.your-class').slick('resize');
});