不同范围滑动距离

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

});