javascript - 我们可以在其更改事件中更改 jQuery UI 滑块的最小/最大值吗？

Question

我正在使用这个滑块。http://docs.jquery.com/UI/API/1.8/Slider

当我移动滑块时，我得到了更新的最大限制。现在我也需要将这个新的最大值应用到滑块。如果我这样做会改变它：

$("#slider").slider({
    change: function () {
        .....
        .....
        var btn = document.getElementById('<%=btnUpdate.ClientID%>');
        btn.click();
        $("#slider").slider( "option", "max", newValue);
        .....
}

在这里，我在btnUpdate点击和后面的代码中使用异步回发，我正在为隐藏字段设置新的最大限制（我需要将其应用于滑块）。btn.click();在声明之后，我是否能够做到这一点，change以防万一。

Answer 1

更改方法将起作用，但在您停止拖动后 max 将被重置。

如果要在拖动时更改最大值，则应使用“滑动”事件而不是更改。这里的例子：http: //jsfiddle.net/nxtwrld/gvSu6/1/

        slide: function( event, ui ) {
           $(this).slider("option", "max", newValue);
        }

但我建议不要这样做，因为滑块将尝试根据新的最大值固定手柄位置，这将与拖动手柄发生碰撞并开始跳跃 - 正如在 jsfiddle 中所见。