1

私の知る限り、スライダーをクリックすると、jQuery UI Range スライダーは最も近いドラッガー/ハンドルを移動するはずです。ただし、私の場合、これは発生していないようで、左のドラッガーのみが移動しています。例として、次のコードを確認できます。

$(function() {
    $( "#slider-range" ).slider({
        range: true,
        min: 0,
        max: 4,
        step: 1,
        values: [ 0, 4 ],
        slide: function( event, ui ) {
            $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
        }
    });
    $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
        " - $" + $( "#slider-range" ).slider( "values", 1 ) );
});

そして、その例のこの jsFiddle を見ることができます: http://jsfiddle.net/dZ7Yg/

スライダーをクリックするだけで右のドラッグ/ハンドルを 2 番目のポイントに移動しようとしても、それはできません。右のドラッガーが 3 番目の点に到達すると、その 1px 前をクリックしても 2 番目の点に移動せず、いずれにしても左の点に移動します。

誰でもこれで私を助けることができますか？これはどのように解決できますか？

助けてくれてありがとう！

4

1 に答える 1

0

これらのバーのクリックは少しトリッキーですが、以下のように動作すると思います。

条件 1 : 左のスライダーが右のスライダーよりも優先されます。

条件 2 : 次の位置に近づくと、スライダーが次の位置に移動します。例: 下の画像では、P1 を囲む青い四角形のどこかをクリックすると、左のスライダーが P1 に移動します。

条件 3 : Slider に近い場所をクリックしても何も起こりません。

ここに画像の説明を入力

それらの条件を覚えて、以下を読んでください。

右スライダーを P2 に移動し、右スライダーを P2 から P1 に移動したい場合、左スライダーが優先されて P1 に移動します。

ここに画像の説明を入力

左のスライダーが P1 にあり、条件 3 に従って何もしないため、もう一度 P1 をクリックしても右のスライダーは移動しません。

私には、範囲の jQuery スライダーが期待どおりに動作していないように見えます。

于 2012-02-17T22:34:38.090 に答える