jQuery UI 滑块（以编程方式设置）

我想即时修改滑块。我试图通过使用来做到这一点

$("#slider").slider("option", "values", [50,80]);

此调用将设置值，但元素不会更新滑块位置。 呼唤

$("#slider").trigger('change');

也没有帮助。

是否有另一种/更好的方法来修改值和滑块位置？

这取决于您是否要更改当前范围内的滑块或更改滑块的范围。

如果您要更改的是当前范围内的值，那么您应该使用 .slider() 方法，但语法与您使用的有点不同：

$("#slider").slider('value',50);

或者如果你有一个带有两个手柄的滑块，那就是：

$("#slider").slider('values',0,50); // sets first handle (index 0) to 50
$("#slider").slider('values',1,80); // sets second handle (index 1) to 80

如果这是您要更改的范围，则为：

$("#slider").slider('option',{min: 0, max: 500});