jQuery UI Sliderは最も近いdragger/handleを移動しません

Question

jQuery UI Rangeスライダがスライダをクリックすると、最も近いdragger/handleを移動するはずです。しかし、私の場合、これは起こらないようで、左のドラッガーだけが動いています。例として、あなたは以下のコードを参照することができます

$(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/

あなたが右ドラッガーを移動しようとすると/単純にクリックすることにより、第二の点に対処しますスライダー、あなたはそれを行うことはできません。右のドラッガーが3番目のポイントに達すると、前の1pxをクリックしても2番目のポイントに移動せず、いずれの場合も左のドラッグが移動します。

誰でも私にこれを手伝ってもらえますか？どのように解決できますか？

ありがとうございます！

条件1、

Answer 1

これらのバーをクリックすると、少しトリッキーですが、私は以下だと思い、それがどのように動作するかです：左のスライダーは右のスライダよりも優先されます。

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

条件3：Sliderに近いところをクリックすると何も起こりません。

あなたはP2に右のスライダを移動し、今あなたがP2からP1に右のスライダを移動したい場合は、しかし、左のスライダが優先され、それを移動させ、これらの条件を覚えて、以下読んで、

P1。

左のスライダは、P1にあり、条件3のとおり、それは何もしませんので、ここでもう一度P1をクリックすると、右のスライダを移動しません。

jQueryスライダーのようなものは私たちが期待したように動作していないようです。