javascript - nouislider 连接选项错误

Question

当使用 nouislider 时，我正在尝试使用一个 handle 和下部区域连接的 slider :

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

                });

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

Pass an array with a boolean for every connecting element, including the edges of the slider. The length of this array must match the handle count + 1.

但我最终得到了一个错误:

'connect' option doesn't match handle count.

查看了在 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)。