@KlinDev
Интересуют различные вопросы

Как убрать ошибку «Cannot read property 'unslick' of undefined» при инициализации slick slider'a?

Была задача инициализировать slick слайдер на экранах меньше 500px, соответственно, на экранах больше 500px отключать его.
Нашел такое решение:
$(window).on("load resize", function(){
    var width = $(document).width();
     
    if (width > 500) { 
      $('.profit-row, .plan-row,  .teachers-slider').slick('unslick');
    } else { 
      $('.profit-row, .plan-row, .teachers-slider').not('.slick-initialized').slick({  
        slidesToShow: 1, 
        slidesToScroll: 1, 
        infinite: true,
      });
    }
  });


Перед этим подключил все необходимые файлы слайдера:
<link rel="stylesheet" href="slick/slick.css"/> 
<link rel="stylesheet" href="slick/slick-theme.css"/>
 <script src="slick/slick.min.js"></script>

+ jquery.
При инициализации консоль выдала ошибку
5c6316242aa00716477385.png
В доках slick'a указано, что для отключения слайдера необходимо прописать конструкцию:$('.your-slider').slick('unslick');
5c63171f71d4e190352920.png, она прописана в примере выше.
Как исправить данную ошибку и настроить включение и выключение слайдера при соотв. ширине экрана?
  • Вопрос задан
  • 61 просмотр
Пригласить эксперта
Ответы на вопрос 1
0xD34F
@0xD34F
Отключайте слайдер только там, где он включен:

$('.profit-row, .plan-row, .teachers-slider').filter('.slick-initialized').slick('unslick');
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
17 февр. 2019, в 21:01
50000 руб./за проект
17 февр. 2019, в 20:49
2000 руб./за проект
17 февр. 2019, в 20:47
100 руб./за проект