Не работает скрипт. Задача - при разрешении экрана меньше 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);
});