Question

他们知道一个插件可以让我在移动设备上将垂直（桌面视图）轮播更改/转换为水平旋转木马？

现在我正在使用光滑的插件，但我无法得到我需要的结果，这是我的JS代码：

          $('.demo-slider).slick({
                      vertical: true;
                    });
           var windowWidth = $(window).width();
              if(windowWidth < 768){
                  $('.demo-slider').slick('unslick',function(){
                   $('.demo-slider).slick({
                      vertical: false;
                    });
                });
           }

Answer 1

$('.demo-slider).slick({    
vertical: true,
responsive: [               
{
    breakpoint: 767,
    settings: {
    vertical: false
    }
}]
});

Slick具有自己的响应断点。这样会更好很多

Answer 2

我认为你出错的地方是你正在初始化slick()两次（你也忘了在你的jQuery选择器上关闭'）。我会将虚假媒体查询切换为slick()的初始化，如下所示：

// 1- Get window width 
var windowWidth = $(window).width();

// 2- For all devices under or at 768px, use horizontal orientation
if(windowWidth <= 768) {
  $('.demo-slider').slick({
    vertical: false,
  });
} 
// 3- For all devices over 768px, use vertical orientation
else {
  $('.demo-slider').slick({
    vertical: true,
  });
}

*请注意，我从未使用过光滑滑板，只是看着你的JS。

在移动设备中将垂直转盘（桌面）切换到水平转盘

2 个答案: