JQuery UI Slider - 'value' not setting starting position of handle

Question

I would expect the following code to start my slider at '30' in it's range of 0-250, but yet it is not.

$(function() {
  $( "#slider" ).slider({
  value: 30,
  min: 0, 
  max: 250,
  step: 1, 
  slide: function(event, ui){
    $("#edit-varprice").val(ui.value + ".00");
  }  
  });
});

Image : http://gallery.twardnw.com/var/albums/Misc/Screen%20shot%202012-04-03%20at%203.06.59%20PM.png?m=1333490924

score 1 · Accepted Answer · answered Apr 03 '12 at 22:37

1

Its working fine for me. See jsFiddle Demo.

Perhaps you are missing something else or doing something in other parts of your code, can you post full code?

answered Apr 03 '12 at 22:37

neo108

5,156
3
27
41

That's built by a module on my site, I'm just latching onto it (Drupal site, uc_varprice module). After looking at jsFiddle, it might be a version problem. This site is using jquery 1.2.6 and jqueryui 1.6 – twardnw Apr 03 '12 at 23:23
Yep, version problem, updated jqueryui to 1.7 and it works now. – twardnw Apr 03 '12 at 23:31
Good. Glad it works. Don't hesitate to accept the answer if you think it has helped you solve the problem. – neo108 Apr 03 '12 at 23:36

score 0 · Answer 2 · answered Apr 03 '12 at 22:18

0

try removing the value from the options u chose, and adding it later using:

$( "#slider" ).slider( "option", "value", 40 );

answered Apr 03 '12 at 22:18

Rorchackh

2,113
5
22
38

score 0 · Answer 3 · answered Apr 03 '12 at 22:18

0

Could you lower your max to 50 and see if the slider handle is offset, if so then its working just fine. In the image it looks like its slightly offset. 30/250 is only 12% and may be deceiving.

answered Apr 03 '12 at 22:18

cha55son

423
3
12

JQuery UI Slider - 'value' not setting starting position of handle

3 Answers3

Linked