jQuery UI Slider(以编程方式设置)

Question

我想即时修改 slider 。我试图通过使用

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

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

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

也没有帮助。

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

Answer 1

这取决于你是想改变当前范围内的 slider 还是改变 slider 的范围。

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

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

或者如果你有一个带有两个 handle 的 slider ，它会是:

$("#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});