1

したがって、私は次のように機能するものを取得しようとしています: 1 つのハンドラーで古い値を取得し、独自の外観を取得しました。これらは静的にする必要があります (ユーザーは移動できません) 2 つ目は独自の外観にする必要があります。最初のものと比較して両側でドラッグ可能であり、より小さな値またはより大きな値を取得できます。

たとえば、0 ～ 50 の範囲を取得した場合、白いマーカーは 23 にあり、他の赤いハンドラーは他の値 (大きいまたは小さい) でドラッグ可能になり、範囲 (色付きのバー) と値の差 (負の数の場合もあります) が表示されます。 21 の 2 番目のマーカーで、-2 になります。

そのため、レンジスライダーで何度も試し、単一のスライダーに静的を追加しましたが、解決策が得られず、近くにもなりませんでした。

どんな提案でも大歓迎です。

4

1 に答える 1

0

一般的な考え方は、移動したくないハンドルを見つけてから、そのスライド イベントをキャンセルすることです。 ここでフィドル

var firstHandle, secondHandle;

$("#slider​​​​​​​").slider({
    values: [0,50],
    slide: function(event, ui){
        var handleElem = $(ui.handle).get(0);
        if( handleElem == secondHandle.get(0)) {
            return false; //cancel slide
        }
    }
});
firstHandle = $("#slider").find(".ui-slider-handle:first");
secondHandle = firstHandle.next();

</p>

于 2012-08-31T01:24:20.617 に答える