Value not available in create event on jQuery UI slider?

$('#foo').slider({
  range: 'min',
  min: 0,
  max: 1000,
  step: 100,
  value: 500,
  create: function( event, ui) {
          var bar = ui.value;
  },
  //etc...
});

Why barundefined and not 500? Is it possible to assign a variable valuein an event create?

+5
source share
2 answers

You can also use

create: function( e, ui ) {
    var bar=$(this).slider('value');
}

Demo.

+9
source

I'm not sure why you need to get the value when you create the slider, since you are setting it anyway, but you can do it like this:

$('#foo').slider({
  range: 'min',
  min: 0,
  max: 1000,
  step: 100,
  value: 500,
  create: function( event, ui) {
          var bar = $('#foo').slider("value");
  },
  //etc...
});​

JsFiddle example .

+1
source

All Articles