javascript - jquery范围 slider 在初始化后更改最小值后不滑动

Question

我在加载页面时初始化范围 slider :

$("#slider").slider({
            range: true,
            min: 634606,
            max: 734818,
            step: 1,
            values: [634606, 734818]
})

在用户输入(html 表单)时，我使用 ajax 请求从服务器检索数据。数据必须限制 slider (用户输入)。我正在尝试使用以下语法实现此目的:

// set new data values
$('#slider').slider('values',1, time[1]);
$('#slider').slider('values',0, time[0]);
// set new min/max limits
$("#slider").slider("option","max", time[1] );
$("#slider").slider("option","min", time[0] );

使用 min 选项后， handle 将无法再移动。如果我将最后一行注释掉，则可以移动 handle 。我处理 slider 错误吗？我什至尝试破坏 slider 并用新值重新启动它，但没有运气......

Answer 1

我发现了真正的问题...问题是时间数组包含字符串值而不是数字。这是来自 ajax 请求。这与 slider 处理程序冲突。

我用下面的代码解决了这个问题:

$("#slider").slider("option","max", parseFloat(time[1]) );
$("#slider").slider("option","min", parseFloat(time[0]) );

谢谢你的信息!