时间戳

首页 > 解决方案 > 在 noUiSlider 中为“connect:”传递数组

javascript - 在 noUiSlider 中为“connect:”传递数组

问题描述

我必须为. _ _ 我通过遍历数据库中的数据并将这些值推送到数组并在选项中使用这些数组来生成这些。生成数据后，我的代码如下：noUiSlidernoUiSlider

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()生成动态设置，它是文本数组而不是obejct。

标签： javascriptarraysjavascript-objectsrangeslidernouislider

解决方案

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

connect_val = JSON.parse(connect_val);

它将数组转换为noUiSlider所需的对象

推荐阅读