nouislider连接选项错误

Question

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

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

                });

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

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

但我最终遇到以下错误：

'connect'选项与句柄计数不匹配。

查看了javascript中进行的测试后，似乎期望使用诸如“ lower”，“ upper”之类的字符串。任何人都设法获得了我正在努力实现的目标，或者了解了问题所在？我正在使用nuislider的npm版本。

Answer 1

connect在从noUiSlider 8.x到9.x的更新中，该选项略有更改。您使用的是旧版本的新语法。

版本8.x会引发您遇到的错误。您可以升级到noUiSlider 9.1（几乎完全与8.x API兼容），也可以使用connect: "lower"（在noUiSlider 9.x中也可以使用）。