0

ユーザーが入力要素に数字を入力すると、スライダーが適切に移動する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);
        });

しかし、私が必要なのは、テキストボックスに初めて入力した値が何であれ、スライダーを真ん中にしたいということです。スライダーを右側に移動すると、テキストボックスの値が増加し、左側の場合は減少する必要がありますこれらの最小値と最大値を設定せずに..

なにか提案を？

編集: テキスト ボックスに 500 を入力すると、スライダーが自動的に中央に移動する必要があります。スライダーを右側に移動する場合、端は 1000 で、左側の場合は 0 である必要があり、400 を入力すると、スライダーを移動する必要があります。自動的に中央の位置に移動し、右側の端は 800 で左側の端は 0 でなければなりません

4

2 に答える 2

2

では、基本的にスライダーの範囲を 0 からテキスト ボックスに入力された値の 2 倍に変更する必要があります。次のようなスライダーで「オプション」メソッドを使用できると思います。

 $("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-27T11:11:59.840 に答える
0

よくわかりませんが、これでうまくいく可能性があります：http: //flowplayer.org/tools/rangeinput/

于 2012-02-27T11:22:09.197 に答える