Question

我正在尝试启用Slick Slider（slick.js）以仅启动超过520px的宽度。下面的任何东西和幻灯片只是堆叠（即没有光滑）。是否可以在不刷新页面的情况下工作？

我已经做到了，但它真的很笨重：

$(document).ready(function () {

    var $window = $(window),
        $slick = $('.slick'),
        toggleSlick;

    toggleSlick = function () {
        if ($window.width() > 520) {
            $slick.slick();
        } else {
            $slick.unslick();
        }
    }

    $window.resize(toggleSlick);
    toggleSlick();
});

我在控制台中也遇到Uncaught TypeError: $slick.unslick is not a function错误。

我正在使用https://github.com/kenwheeler/slick

Answer 1

我相信你调用光滑方法的方式已经发生了变化。

而不是$('.slick').unslick();

尝试$('.slick').slick("unslick");

您也可以直接在光滑选项中的响应选项中调用它

我试图在设置窗口宽度之间启用/禁用Slick Slider（响应）

1 个答案: