jquery UIスライダーの最小値/最大値

Question

皆さん、簡単な質問が 1 つあります。jquery uiスライダーにテキストの最小値/最大値を入力したり、スクロールして数字を表示したりすることはできますか? ここ は例です。最大値の左側のスライダーには「制限なし」があり、スクロールすると数字が表示されます。

Answer 1

レンジスライダーを探しています。私は願っています レンジスライダーデモ 役立ちます。 Sliderの初期化中は、MINおよびMAX値を設定できます。

編集質問を誤解してすみません。のソースコードを見ると デモ スライダー値が変更されたときに要素「#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);
}

});​

これは機能します。