unlick метод не работает

Question

Я пытаюсь понять, почему метод unslick не работает, когда я вызываю его после успешного вызова ajax. Я прочитал this пост, и я ищу для slick-initialized класса, но я все еще получаю ошибку

TypeError: .$slides is null if (.$slides.parent().hasClass('slick-track'))

HTML

<div id="skills" class="skills_section"> 
    <div>Slide 1</div> 
    <div>Slide 2</div> 
    <div>Slide 3</div> 
</div> 

Когда я инициализировать пятно на странице загрузки разметки будет выглядеть следующим образом:

<div id="skills" class="skills_section slick-initialized slick-slider"> 
    <div class="slick-list draggable"> 
    <div class="slick-track"> 
     <div class="slick-slide slick-cloned">Slide 1</div> 
     <div class="slick-slide slick-cloned">Slide 2</div> 
     <div class="slick-slide slick-cloned">Slide 3</div> 
    </div> 
    </div> 
</div> 

у меня есть АЯКС вызов, который будет просто заменить данные в каждом slick-slide

$.ajax({ 
    type: 'get', 
    url: '/public/index', 
    dataType: 'script', 
    data: data_send, 
    success: function(data) { 
    unSlickCarousel(); 
    slickCarousel(); 
    } 
}); 

Функции

function slickCarousel() { 
    $('.skills_section').slick({ 
    infinite: true, 
    slidesToShow: 3, 
    slidesToScroll: 1 
    }); 
} 

function unSlickCarousel() { 
    if($('#skills').hasClass('slick-initialized')){ 
    $('.skills_section').unslick(); 
    } 
} 

Но, как я уже говорил, я получаю ошибку и HTML разметка выглядит следующим образом

<div id="skills" class="skills_section slick-initialized slick-slider"> 
    <div>Slide 1</div> 
    <div>Slide 2</div> 
    <div>Slide 3</div> 
</div> 

Answer 1

Я никогда не видел это сообщение об ошибке раньше.

Я собираюсь предположить, что три примера «клонированного клонирования» в вашем примере stackoverflow - это просто ошибка копирования/вставки. Если у вас действительно есть «пятно-клонированный», появляющийся все эти моменты, есть ваша ошибка. Метод unslick() должен удалить все слайды с slick-клонированием как часть процесса. Если он удаляет все слайды, то поэтому слайды имеют значение NULL.

Читайте линию 627 от фактического Js файла, чтобы увидеть, что он делает это: https://github.com/kenwheeler/slick/blob/master/slick/slick.js

Answer 2

Я считаю, что способ вызова скользких методов изменился.

Вместо $('.skills_section').unslick();

попробовать $('.skills_section').slick("unslick");

Вы называете также называете это непосредственно внутри гибкой опции в скользкой варианте

Answer 3

Использование SetTimeout для инициализации пятна()

function slickCarousel() { 
    setTimeout(function(){ 
    $('.skills_section').slick({ 
    infinite: true, 
    slidesToShow: 3, 
    slidesToScroll: 1 
    }); 
    }, 100); 
}