3

jQuery Mobile Slider 要素があります。これはパーセンテージであるため、最小/最大の範囲は 0 から 100 です。スマホで使うので、25%とか50%とか打ちやすい感じの5段にしてます。しかし、誰かが 66% を望んでいるとします。この値を入力ボックスに入力して、スライダーを 66% に更新できるようにしたいと考えています。代わりに、スライダーは 65% に戻ります。

入力ボックスを直接編集してスライダーの値を変更できますか?

ここに画像の説明を入力

4

2 に答える 2

2

stepユーザーがカスタム値を入力したら、値を任意の値に変更できます。後で、step元の値に変更します。

デモ

$(document).on('focus', '#slider-1', function () {
 $(this).attr('step', '1');
});

$(document).on('click', '.ui-slider-handle', function () {
 $('#slider-1').attr('step', '10');
});
于 2013-06-03T17:13:51.860 に答える
0

Omar と同様のソリューションを提案stepしますが、デフォルトでは値を下げ、jQuery モバイルslidestartとslidestopイベントを使用します。私の場合、より信頼性が高く動作します。

$('#slider').on('slidestart', function(event) {
    $(this).attr('step', '5');
});

$('#slider').on('slidestop', function(event) {
    $(this).attr('step', '1');
});

JSFiddle の例

于 2015-02-05T10:29:18.837 に答える