3

誰かがスライダーの入力ボックスに実際にデータを入力し、適切な位置にスライドさせるための解決策または例を見つけたのではないかと思っていました onBlur() ..現在、私たち全員が知っているように、この値をあなたの位置で更新するだけですで。そのため、いくつかの点で、この素晴らしいスライダーの機能を逆にしようとしています。

私が見つけた 1 つのリンク: http://www.webdeveloper.com/forum/archive/index.php/t-177578.htmlは少し古くなっていますが、試みたようです。ただし、結果へのリンクは存在しません。そこに解決策があるかもしれないことを願っています。

Filament が選択 (ドロップダウン) 値を処理するようにスライダーを再設計したことは知っていますが、それは問題なく動作します。したがって、目標は同じことを行うことですが、入力テキスト ボックスを使用します。

4

3 に答える 3

9

これはあなたが望むことをしますか？

$("#slider-text-box").blur(function() {
  $("#slider").slider('option', 'value', parseInt($(this).val()));
});

スライダーの各オプションにはセッターとゲッターがあるため、上記の例のように、それを使用して値を設定できます。ドキュメントから：

//getter
var value = $('.selector').slider('option', 'value');
//setter
$('.selector').slider('option', 'value', 37);

アップデート：

デュアルスライダーの場合、以下を使用する必要があります。

$("#amount").blur(function () {
  $("#slider-range").slider("values", 0, parseInt($(this).val()));
});
$("#amount2").blur(function () {
  $("#slider-range").slider("values", 1, parseInt($(this).val()));
});

Math.min/maxセッターがこれを妨げていないように見えるので、一方の値がもう一方の値を通過しないことを確認するために使用する必要があります。

$("#slider-range").slider("values", 0)それぞれの値を取得するためにを使用していたとき、あなたはほとんどそこにいました。多くのjQueryには、値を設定するために追加のパラメーターが使用される、そのようなget/set規則があります。

于 2009-08-25T18:46:37.410 に答える
4

jQuery UIスライダーを回避して、テキストボックスからの値を受け入れるようにしました。これは、正確には目的ではない可能性がありますが、役立つ可能性があります。

http://chowamigo.blogspot.com/2009/10/jquery-ui-slider-that-uses-text-box-for.html

于 2009-10-28T15:39:44.677 に答える
2 
$slider = $("#slider");
            $("#amountMin").blur(function () {      
              $slider.slider("values", 0,Math.min($slider.slider("values", 1),parseInt($(this).val()) ) );
              $(this).val(Math.min($slider.slider("values", 1),parseInt($(this).val())));

            });
            $("#amountMax").blur(function () {
              $slider.slider("values",1,Math.max($slider.slider("values", 0),parseInt($(this).val()) ) );                              
              $(this).val(Math.max($slider.slider("values", 0),parseInt($(this).val())));
            });

私はマーティンのコードを使用し、IDを#sliderに更新し、スライダーが重ならないように、彼が提案したようにmath.maxも追加しました。

于 2010-07-21T19:36:21.360 に答える