У меня есть карусель со сликом, я хочу, чтобы на рабочем столе моя карусель не работала, а на мобильном - да.
Я пробовал 1000 вещей ...
например: точки останова:
$(document).ready(function() {
$('.carousel-video').slick({
autoplay: false,
dots: false,
infinite: true,
slidesToShow: 2,
arrows: false,
responsive: [
{
breakpoint: 4000,
settings: "unslick"
},
{
breakpoint: 2048,
settings: "unslick"
},
{
breakpoint: 1920,
settings: "unslick"
},
{
breakpoint: 1024,
settings: "unslick"
},
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: true
}
}
]
});
}
С этим кодом моя карусель запускается на рабочем столе ... = ((
С ....
$slickGreen = false;
function greenSlider(){
if($(window).width() < 768){
console.log("mobile");
$('.carousel-video').slick({
autoplay: false,
dots: false,
infinite: true,
slidesToShow: 2,
arrows: false,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: true
}
}
]
});
$slickGreen = true;
} else if($(window).width() > 768){
console.log("desktop");
if($slickGreen){
$('.carousel-video').slick('unslick');
}
}
};
$(document).ready(function() {
greenSlider();
});
$(window).on('resize', function(){
greenSlider();
});
}
У меня большая проблема ->
введите описание изображения здесь
ошибка линии ->
$('.carousel-video').slick({
С помощью этой опции с помощью jquery проверьте окна, и я создаю карусель, но я не понимаю, почему с этими опциями я получаю сообщение об ошибке.
Я пытаюсь, чтобы моя карусель не работала на рабочем столе ...
спасибо