Unterschiedliche Bereich Dia Entfernungen

Question

Ich bin mit jQuery UI Slider (von min bis max) und müssen dieses Ergebnis achive:

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

Von 0 bis 300 I Schrittwert von 1 haben und Folienbreite 70%, und von 300 bis 500 (70% bis 100%) Schritt ist 25. Ich weiß, wie Schritt dynamisch ändern, das Problem ist unterschiedliche Breite (Abstände). Wie macht man 0-300 70% des Schiebereglers und 300-500 nur von 70% bis 100%? Danke im Voraus.

Answer 1

Bei Schiebebetrieb Griffposition von links prüfen. Haben Sie es nicht überprüft, aber die Idee könnte funktionieren

$("#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}); 
    } 

});