jQuery Slick轮播版式不适用于移动版式

编程问答 2022-06-09

问题描述

我正在尝试使用以下代码将Slick幻灯片设置为在中心模式下显示：

// slider
$('.slider-inner').slick({
    centerMode: true,centerPadding: '260px',dots: 0,slidesToShow: 1,responsive: [
        {
            breakpoint: 768,settings: {
                arrows: false,centerMode: true,centerPadding: '40px',slidesToShow: 1
            }
        },{
            breakpoint: 480,slidesToShow: 1
            }
        }
    ]
});

桌面布局

在下面，您可以看到它在我的桌面布局上的外观，几乎完全是我想要的样子（显示了一张照片，另外两张被剪掉了）：

enter image description here

平板电脑布局

但是，尽管我在代码中设置了responsive选项，但是当我以768px宽观看时，却得到了3张与标准轮播一样的图像。我发现，无论我在responsive选项中设置了什么值，它对平板电脑的布局都没有影响。

但是，如果我更改了默认选项（例如，对于桌面版式），则会对移动版式产生影响：

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

carouselhtmljqueryslick.js