如果第一张或最后一张幻灯片处于活动状态，则禁用 centerMode - Slick Slider

Question

我在 Wordpress 单曲 post 的页眉中有 Slick 滑块。如果第一张或最后一张幻灯片处于活动状态，我将尝试禁用 centerMode。我正在尝试以这种方式进行：

let slider = $('.templateOverview-slider .slick-slide');
if (slider.first().hasClass('slick-current')) {
    $('.templateOverview-slider').slick('slickSetOption', 'centerMode', false);
} else if (slider.last().hasClass('slick-current')) {
    $('.templateOverview-slider').slick('slickSetOption', 'centerMode', false);
}

但是centerMode没有被禁用。谁能告诉我我做错了什么，我该如何禁用 centerMode?

Answer 1

您可能只需要将第四个参数传递给您的 slick() 调用，以便刷新 UI。

$('.templateOverview-slider').slick('slickSetOption', 'centerMode', false, true);

来自 Slick 文档：

slickSetOption

option : string, value : depends on option, refresh : boolean - Sets an individual value live. Set refresh to true if it's a UI update.

如果第一张或最后一张幻灯片处于活动状态，则禁用 centerMode - Slick Slider

Disable centerMode if first or last slide is active - Slick Slider

javascript

jquery

slider

slick.js