2012-02-27 8 views
1

私はユーザーが入力要素に数字を入力すると、スライダが適切に動くjQuery UIスライダを持っています。jQuery UI Sliderを動的に使用していますか?

$("#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はテキストボックスに自分の価値を高めるために持っているあらゆる手段値真ん中になりたいです必要なもの左側には最小値と最大値を設定せずに減らなければなりません。

何か提案がありますか?

EDIT:テキストボックスに500を入力すると、スライダがセンターに自動的に移動する必要があります。スライダの右側を1000に移動し、左側に0を入力する必要があります。 400スライダーは自動的に中心位置に移動し、右側は800と左端に移動する必要があります0

+0

はあなたのことができますあなたが意味するものの例を見せてください。おそらくいくつかのHTML?私はそれがどのように見えるか分かりますか? – Nicholas

+0

http://jsfiddle.net/andrewwhitaker/MD3mX/ – bala3569

+0

@Antimated:私が必要とするのは、テキストボックスに500を入力すると、スライダがセンターに移動しなければならないときです。スライダの右側を1000に移動する必要があります。左側は0 – bala3569

答えて

3

したがって、テキストボックスに入力されているスライダーの範囲を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/

関連する問題