動態使用jQuery UI滑塊？

我有一個jQuery UI滑塊，如果用戶在輸入元素中輸入數字，則滑塊會適當移動。動態使用jQuery UI滑塊？

$("#slider-range-min").slider({ 
      range: "min", 
      value: 1, 
      step: 1000, 
      min: 0, 
      max: 5000000, 
      slide: function (event, ui) { 
       $("input").val(ui.value); 
      } 
     }); 
     $("input").change(function (event) { 
      var value1 = $("input").val(); 
      $("#slider-range-min").slider("option", "value", value1); 
     });

但我需要的是我想滑塊以什麼價值我在首次文本框中輸入，然後，如果我將滑塊移動rightside意味着我在文本框的值有可能增加中間而對於左側它必須降低而不設置這些最小值和最大值。

任何建議？

編輯：我需要的是當我在文本框中輸入500時，我的滑塊必須自動移動到中心..如果我移動滑塊右側必須是1000，左側它必須是0，如果我輸入400滑塊必須自動移動到中心位置，並且右側結尾必須是800左右0

來源

2012-02-27 bala3569

你能舉例說明你的意思？也許一些HTML？所以我可以看到它看起來如何？ – Nicholas 2012-02-27 10:53:38

http://jsfiddle.net/andrewwhitaker/MD3mX/ – bala3569 2012-02-27 10:55:09

@Antimated：我需要的是，當我在文本框中輸入500我的滑塊必須移動到中心..如果我移動滑塊右側結束必須是1000和對於左側，它必須是0 – bala3569 2012-02-27 10:57:21

因此，您需要的是基本上將滑塊範圍從0更改爲雙倍，無論在文本框中輸入什麼內容？我想你可以在滑塊上使用的方法「選項」，如：

$("input").change(function (event) { 
    var value1 = parseFloat($("input").val()); 
    var highVal = value1 * 2; 
    $("#slider-range-min").slider("option", {"max": highVal, "value": value1}); 
});

編輯：這裏有一個小提琴 - http://jsfiddle.net/cXYC4/

來源

2012-02-27 11:11:59 Alex

我不知道，但是這可能工作：http://flowplayer.org/tools/rangeinput/

來源

2012-02-27 11:22:09 Nicholas

動態使用jQuery UI滑塊？

回答

相關問題