Issue on Adding Steps to jQuery UI Slider

Question

I am trying to add For steps and Value to jQuery UI Slider at This Demo to be look like this image enter image description here

so I have 4 steps and he slider handler ONLY sits on one of those values(Not Between) I already tried this methis form jQuery UI documentation

$( "#slider" ).slider({ step: 4 });
var step = $( "#slider" ).slider( "option", "step" );
$( "#slider" ).slider( "option", "step", 4 );

but it didn't work I also tried

$(function() {
    $( "#slider" ).slider({  range: "min",
    min: 1000,
    max: 7000,
    value: 1000});
  });

again no success! can you please let me know how I can achieve this? Thanks

j08691 · Accepted Answer · 2014-07-09 20:32:46Z

2

Your step option setting should be the difference between values, not the number of steps:

$(function () {
    $("#slider").slider({
        range: "min",
        min: 1000,
        max: 7000,
        value: 1000,
        step:2000
    });
});

jsFiddle example

answered Jul 9, 2014 at 20:32

j08691

208k33 gold badges269 silver badges281 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Suffii Over a year ago

Hi j08691, Thanks for reply I have to wait 10 min to accept your answer, meanwhile can you please also let me know how I can get the selected value? should I use change handler?

j08691 Over a year ago

Look at the slide function in the fiddle. That will give you the value.

Collectives™ on Stack Overflow

Issue on Adding Steps to jQuery UI Slider

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related