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’。有人设法得到了我想要达到的目标，或者理解了问题所在？我在使用npm版本的nouislider。

Answer 1

更新中的connect选项从noUiSlider 8.x略微更改为9.x。您使用的是旧版本的新语法。

版本8.x抛出您遇到的错误。您可以升级到noUiSlider 9.1 (这几乎完全是与8.x兼容的API )，也可以使用connect: "lower" (这在noUiSlider 9.x中也适用)。