Underdoggit
@Underdoggit

Не работает скрипт в slick?

Не работает скрипт. Задача - при разрешении экрана меньше 720 пикселей slickRemove должен убирать первый слайд. md и lg экранах slider находится в положении unslick и первый слайд возвращается обратно.
$(document).ready(function () {
    $('.price-table').slick({
        arrows: false,
        dots: true,
        initialSlide: 1,
        infinite: true,
        slidesToShow: 1,
        centerMode: true,
        variableWidth: true,
        mobileFirst: true,
        responsive: [
            {
             breakpoint: 720, // При разрешении меньше 721 px слайдер начинает работать
             settings: "unslick",  // вызов функции деактивации слайдера
             init: slickRemove() // инициализирую функцию ниже по удалению первого слайдера
            }
       ]
    });
    function slickRemove(){
        $('.price-table').slick('slickRemove', 0);           
    }
});

Если я вставляю кусок кода $('.price-table').slick('slickRemove', 0); просто в slick без брейкпоинта, скрипт работает, но удаляет первый слайд на всех экранах.
$(document).ready(function () {
    $('.price-table').slick({
        arrows: false,
        dots: true,
        initialSlide: 1,
        infinite: true,
        slidesToShow: 1,
        centerMode: true,
        variableWidth: true,
        mobileFirst: true,
        responsive: [
            {
             breakpoint: 720,
             settings: "unslick",
            }
       ]
    });
    $('.price-table').slick('slickRemove', 0);           
});
  • Вопрос задан
  • 123 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы