jquery - 如何在设置最小值或最大值后刷新 jQuery UI slider ？

Question

我有一个 ui.slider 并在运行时更改其最小值和最大值。但是，当我之后设置值时，这些更改只会反射(reflect)在 View 中(这会导致它触发不需要的事件)。在我看来，设置最小值和最大值后也应该刷新 View 。有没有一个简单的解决方法，似乎 slider 缺少刷新方法。

$("#something").slider({
    range: true,
    values: [25, 75],
    min: 0,
    max: 100
});
$("#something").slider("option", "min", 25); // left handle should be at the left end, but it doesn't move
$("#something").slider("option", "values", [25, 75]); // the left handle is now at the left end, but doing this triggers events

编辑此问题已在 jQuery UI 1.9 中修复

Answer 1

我不知道这是否是 jQuery UI slider 中的错误，但无论如何，您可以做的是更改当前值(从技术上讲，将当前值设置为当前值...)以强制 View 焕然一新。正在关注the documentation ，这意味着要做这样的事情:

$(function() { 
    var $slide = $("#something").slider({
        range: true,
        values: [25, 75],
        min: 0,
        max: 100
    });
    $slide.slider("option", "min", 25); // left handle should be at the left end, but it doesn't move
    $slide.slider("value", $slide.slider("value")); //force the view refresh, re-setting the current value
});