6

I have a slider which is ranged from 0 to 80. I want to add a minimum range, so the users can not slider lower than that. for example I want to set a value like 20, and users can not slider lower than this, but the range of the slider is still from 0 to 80.

Here is my slider script:

 $("#showslider").keyup(function (e){
 $(".slider").slider("value", $("#showslider").val());
 $("#slider-result").html($("#showslider").val());
$( ".slider" ).slider({
animate: true,
    range: "min",
    value: 50,
     min: 0,
 max: 80,
 step: 1,
slide: function (event, ui) {
$("#slider-result").html(ui.value);
    $("#showslider").val(ui.value);
},
change: function(event, ui) { 
    $('#hidden').attr('value', ui.value);
    }
});

If you can please guide me by details.

4

3 に答える 3

14

関数ではslide、スライダーの値をチェックして、必要な範囲内にあるかどうかを確認できます。

if (ui.value < 20)  // corrected
    return false;

これは、最小値を 0 に維持するためですが、20 未満の値を許可するようになりました。これは、Siwa が求めていることだと思います。単純に最小 20 にしたい場合は、 に変更min: 0しmin: 20ます。

これは役立つ可能性があります。

于 2012-06-06T15:14:33.610 に答える
0

maxコードのプロパティを20に変更します。例。

ただし、100個の値全体を表示し、ユーザーが0〜20の間でのみスライドできるようにする場合はchange、メソッドをイベントにバインドする必要があります。ユーザーが無視しようとすると、スライド位置が許可に戻ります。ドキュメントページ。

于 2012-06-06T15:11:51.470 に答える