ドラッグしてjQuery UIスライダーの移動範囲

Question

jQuery UIスライダーをレンジモードで使用しています。スライダーの外側に余分なボタンを追加することなく、ユーザーが範囲を移動できるようにする方法（プラグイン/拡張子/ハック）はありますか？いくつかのGUIウィジェットでは、これは中央（2つのハンドラの間）からドラッグすることによって実現されます。

ありがとうございます。

Answer 1

質問を参照 Drag the Range of a UI Input Range Slider説明されているrangeDrag機能のjQuery UI Sliderウィジェット拡張機能があります。

Answer 2

2つのテキストボックスを使用して限界値を再設定する場合は、変更イベントを検出する変更イベント機能を実行する必要があります。

$('#rangeMod input:text').change(function() { 

    // set range vars based on new input (you should also validate for (INT)). 
    var txtbox1 = '...'; // based on first text box 
    var txtbox2 = '...'; // based on second text box 

    var range = [txtbox1, txtbox2]; 

    $('#my-slider') 
    .slider("destroy") /* Destroy it Before Rebind/Re-Init */ 
    .slider({range:true, min: range[0], max: range[1], ... }); 
}); 

Answer 3

実際、ティモシー氏の答えは、実際に投稿された質問に対する回答ではないようです。

私もハーマンが記載されている類似した何かを探していたとjQueryフォーラムhttps://forum.jquery.com/topic/draggable-range-in-slider上の1つの特徴の要求を除いて、私はそのブログ記事からスライダーの拡張子はスライダーハンドルをロックすることができます同じ問題にhttp://erraticdev.blogspot.com/2011/08/advanced-jquery-ui-range-slider.html

を対象とブログエントリを見つけました規定された最大範囲を超えないようにする。ハンドル間で「スペース」をドラッグするのではなく、ハンドル全体を使用して範囲全体を移動できます。

最後に問題は解決しませんでしたが、解決策に非常に近いです。