1

私のページにはいくつかのスライダーがあります。それらはすべて同じスケールを必要としますが、一部は 150 になり、一部は 200 になります。それらすべての最大値を 200 に設定したいのですが、一部が 150 を超えないようにします。それらは異なります $() .slider() 呼び出しなので、スライダーの最大値を 200 に設定する方法に興味がありますが、150 を超える動きは許可されません...

この種の動作は組み込まれていると思いますが、どうやらそうではありませんか?

参考までに: これらのスライダーには range: "min" を使用しています。

編集

http://jsfiddle.net/D9nAx/1/

4

2 に答える 2

7

スライドイベントを使用:

$( "#slider-vertical" ).slider({
    orientation: "vertical",
    range: "min",
    min: 0,
    max: 200,
    value: 60,
    slide: function( event, ui ) {
        if(ui.value> 150)
            return false;
        $( "#amount" ).val( ui.value );
    }
});

フィドル: http://jsfiddle.net/dvz8E

于 2012-09-14T19:09:12.940 に答える
2
$( "#slider-vertical" ).slider({
    orientation: "vertical",
    range: "min",
    min: 0,
    max: 200,
    value: 60,
    slide: slide
});
function slide(event, ui){
    var result = true;
    if (ui.value > 150){
        $(this).slider( "value" , 150 );
        result = false;
    }
    $( "#amount" ).val( $(this).slider( "value") );
    return result;
}

http://jsfiddle.net/D9nAx/2/

于 2012-09-14T19:18:48.767 に答える