在 noUiSlider 中为“connect:”传递数组答案

【问题标题】：Passing array for "connect:" in noUiSlider在 noUiSlider 中为“connect:”传递数组
【发布时间】：2020-03-11 06:21:24
【问题描述】：

我必须为noUiSlider 生成范围和句柄 [start: 和 connect:]。我通过循环访问数据库中的数据并将这些值推送到数组并在noUiSlider 选项中使用这些数组来生成这些。生成数据后，我的代码如下：

var start_ranges = [120,150,153,160]
var connect_val  = ["false, true, false, true, false"]

但是当将这些设置为 noUiSlide 选项时，由于 connect_val 而给了我错误。

未捕获的错误：noUiSlider (14.1.0)：“连接”选项与句柄计数不匹配。

我的设置是这样的：

start: start_ranges,
connect: connect_val,
range: {
       'min': 0,
       'max': 86400
       }

原因是 connect_val 是字符串，因为我使用connect_val.push() 生成动态设置，它是 array 文本而不是 obejct。

【问题讨论】：

【解决方案1】：

我尝试了很多解决方案，最后在为noUiSlider设置选项之前通过以下代码解决了这个问题

connect_val = JSON.parse(connect_val);

它将数组转换为noUiSlider

所需的对象

【讨论】：