slider splide js中的断点不起作用

Question

我正在使用滑块插件 Splide JS。然后我像这样传递 options（完整渲染滑块）：

let custom_slider = new Splide(".custom_slider");

custom_slider.mount();

if (custom_slider.length === 2) {
    custom_slider.options = {
        perPage: 2,
        breakpoints: {
            550: {
                perPage: 1,
            },
        },
    };
}

以上所有选项都有效，除了断点。我真的不明白为什么会这样。

我正在尝试根据已安装的幻灯片数量分配特定选项，像这样 - custom_slider.length。

一切都很好，有效，但不是断点选项。

Answer 1

您可以试试下面的代码：

let splide_length = document.querySelectorAll('.custom_slider .splide__slide').length;

if ( splide_length === 2 ) {

    let custom_slider = new Splide(".custom_slider", {
            perPage: 2,
            breakpoints: {
                550: {
                    perPage: 1,
                },
            },
        }).mount();

    } else {
    let custom_slider = new Splide(".custom_slider").mount();
}

slider splide js中的断点不起作用

the breakpoints in slider splide js do not work

javascript

breakpoints

splidejs