我有一个光滑的轮播,我希望它在桌面上不运行,但在移动设备上可以。
我尝试了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检查窗口并创建轮播,但我不明白为什么使用此选项会出错。
我正在尝试我的轮播不能在桌面上运行...
谢谢