jquery UI滑块最小/最大值

Question

嗨，大家好我有一个简单的问题。我可以把文本最小/最大值的jQuery UI滑块和滚动时出现数字？ Here是一个示例，最大值的左滑块具有“无限制”，当您滚动它时，出现数字。

Answer 1

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

编辑 对不起，误解了这个问题。如果你看一下demo的源代码，你会看到一个小脚本时滑块值改变

这里改变元素“#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 2

是的，我们可以设置最小 - 最大

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

}）;

这工作。