JQuery UI Sliderコンポーネントで衝突検出を実装する方法は？

Question

私はスライダーUIを必要とするプロジェクトを持って、Jquery sliderは、ジョブ を行うように見えるが、私が範囲スライダ、意味を持っているときに、2つのハンドルが範囲を定義ようだ：私が持っている

を次の問題：

ハンドルには、ハンドルが互いに接触しないようにし、相互に重なり合わず、値が正しく計算されるようにハンドルを設定したい、ここでは何が起こっているのかボックス構成の。

私はこのように停止するようにスライダーを希望：私はそれを見てきました$ 62- $ 63

私はこれが存在することがわかっているが、読むために

とラベルプラグインでやった、私は何が欠けている。

あなたは

Answer 1

それは可能なパッチとknown bugですありがとうございました。トピックに関連する他のユーザーの投稿も。

Answer 2

あなたはスライドイベントに結合し、

スライドを防ぐために、falseを返すことができます

$(".selector").bind("slide", function(event, ui) { 
    var values = $(".selector").slider("option", "values"); 
    if (values[1] - values[0] < 10) 
    return false; 
}); 

Answer 3

スライド・イベントをするために、スライダが最初に作成されたときに衝突検出を追加します。

$('.selector').slider({ 
    // setup 
    slide: function(evt, ui) { 
     if (ui.values[0] >= ui.values[1]) 
     return false; 
    } 
}); 

これはハンドルを防ぎます衝突または重複から。