jquery UI滑块的最小/最大值

Question

我可以把文本最小/最大值为jquery ui滑块和滚动时出现数字?这里是一个例子，左边的滑块的最大值有"无限制"。当你滚动它的时候，会出现数字

Answer 1

我们可以设置min-max

$("#slider").slider({
    range: "max",
    min: 0, // min value
    max: 200, // max value
    step: 0.1,
    value: 200, // default value of slider
    slide: function(event, ui) {
        $("#amount").val(ui.value);
    }
});​

Answer 2

您正在寻找范围滑块。我希望范围滑块演示有帮助。最小和最大值可以在初始化滑块时设置。

很抱歉误解了你的问题。如果你看一下演示的源代码，你会看到一个小脚本，当滑动条的值改变时，它会改变元素'#amount'的值

脚本如下:

slide: function( event, ui ) {
            $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
        }

你可以改变它来显示字符值。

slide: function( event, ui ) {
            if (ui.values[0] == <min_value>) {
                 $( "#amount" ).val( "Min Limit" + " - $" + ui.values[ 1 ] );
            }
        }

你可以根据你的需要修改这个脚本

注意:我没有测试这个。

Answer 3

首先销毁滑块，这将完全删除滑块功能。这将使元素返回到初始化前的状态。

$("#selector").slider("destroy");

之后，你可以给滑动条添加新的值，如

$("#selector").slider({
range: "max",
min: 0, // min value
max: 200, // max value
step: 0.1,
value: 200, // default value of slider
slide: function(event, ui) {
    $("#amount").val(ui.value);
}

});

这工作。