異なる範囲のスライド距離

Question

Iは、（最小から最大まで）jQueryのUIスライダーを使用してこの結果をachiveする必要が午前300 0〜

 
|----------------------.---------| 
0      300  500 

I 1のステップ値を有する、幅70％をスライドさせ、 300から500（70％から100％）ステップは25です。ステップを動的に変更する方法はわかりますが、問題は幅（距離）が異なります。どのように0-300を70％から100％にスライダーと300-500の70％カバーするか？前もって感謝します。

Answer 1

スライド動作時にハンドル位置を左から確認します。チェックしていないが、そのアイデアはうまくいくかもしれない。

$("#your-slider").on("slide", function(event, ui) { 

    var handler_pos = $('.ui-slider-handle').position().left; 
    var slider_width = $('#your-slider').width(); 
    var count = handler_pos/slider_width*100; 

    if (count > 70) { 
     $('#your-slider').slider({'option', 'step', 25}); 
    } else { 
     $('#your-slider').slider({'option', 'step', 1}); 
    } 

});