不同範圍滑動距離

Question

我使用jQuery UI滑塊（從最小到最大），需要實現這一目標結果：

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

從0到300個I具有1步長值，以及滑動寬度的70％，和從300到500（70％到100％）的步驟是25.我知道如何動態改變步驟，問題是不同的寬度（距離）。如何使0-300覆蓋70％的滑塊和300-500只從70％到100％？提前致謝。

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}); 
    } 

});