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

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");

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