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'这样的字符串。任何人设法得到我想要实现的工作，或了解问题是什么？我正在使用nouislider的npm版本。

Answer 1

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

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