我正在使用滑塊插件 Splide JS。我通過這樣的選項（完整渲染滑塊）：
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。
一切都很好，它可以作業，但不是斷點選項。
uj5u.com熱心網友回復：
您可以嘗試以下代碼：
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();
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/450482.html
標籤：javascript 断点 幻灯片