nouislider 连接选项错误

Question

当使用 nouislider 时，我正在尝试一个带有一个手柄和一个连接在下部区域的滑块：

noUiSlider.create(slider, {
                    start: 20,
                    connect: [true,false],
                    range: {
                        min: 0,
                        max: 100
                    }

                });

https://refreshless.com/nouislider/slider-options/ 这里的文档明确指出：

为每个连接元素传递一个带有布尔值的数组，包括 滑块的边缘。该数组的长度必须与 句柄数 + 1。

但我最终得到一个错误：

“连接”选项与句柄计数不匹配。

查看在 javascript 中进行的测试后，它似乎需要诸如“lower”、“upper”之类的字符串。任何人都设法让我想要实现的工作，或了解问题是什么？我正在使用 nouislider 的 npm 版本。

Answer 1

connect 选项在从 noUiSlider 8.x 到 9.x 的更新中略有变化。您正在使用旧版本的新语法。

版本 8.x 抛出您遇到的错误。您可以升级到 noUiSlider 9.1（它几乎完全兼容 8.x 的 API），或者使用 connect: "lower"（也适用于 noUiSlider 9.x）。