javascript - 我正在尝试在设置的窗口宽度(响应式)之间启用/禁用 Slick Slider

Question

我正在尝试使 Slick Slider (slick.js) 仅在超过 520 像素宽时启动。低于它的任何东西和幻灯片只是堆叠(即没有光滑)。是否可以在不刷新页面的情况下工作？

我已经这样做了，但它真的很笨重:

$(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 方法的方式已经改变。

代替 $('.slick').unslick();

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

你也可以直接在 slick options 的 responsive 选项里面调用这个