库旋转木马滑动,桌面上的滑动问题

时间:2019-02-20 08:29:15

标签: jquery slick

我有一个光滑的轮播,我希望它在桌面上不运行,但在移动设备上可以。

我尝试了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();
});
}

我有一个大问题->

enter image description here

行错误->

$('.carousel-video').slick({ 

使用此选项,使用jquery检查窗口并创建轮播,但我不明白为什么使用此选项会出错。

我正在尝试我的轮播不能在桌面上运行...

谢谢

0 个答案:

没有答案