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); 
} 

}）;

這工作。