Javascript & jquery manipulation

Question

I am stuck at what I think is a really simple thing, basically I have the following code for a slider.

$( ".slider" ).slider({
  animate: true,
  range: "min",
  value: 0,
  min: 0,
  max: 255,
  step: 1,
  //this gets a live reading of the value and prints it on the page
  slide: function( event, ui ) {
    $( "#slider-result" ).html( ui.value );
  },
  //this updates the hidden form field so we can submit the data using a form
  change: function(event, ui) { 
    $('#112').attr('value', ui.value);
  }
});

All works fine and dandy, the thing I want to be able to do is make the value 0 again, resetting the slider. I have a little bit setup that does it in the physical form element, but I want the visual slider to show nothing as well.

Tomas · Accepted Answer · 2013-12-14 01:53:37Z

1

If this is jQuery UI slider, then look at this:

http://api.jqueryui.com/slider/#option-value

// Get or set the value option, after initialization:

// getter
var value = $( ".selector" ).slider( "option", "value" );

// setter
$( ".selector" ).slider( "option", "value", 10 );

answered Dec 14, 2013 at 1:53

Tomas

1995 bronze badges

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

Comments

Sushanth -- · Accepted Answer · 2013-12-14 01:41:57Z

0

You can specifically set the value of the slider

// This would reset the slider

$( ".slider" ).slider( "value", 0);

answered Dec 14, 2013 at 1:41

Sushanth --

55.8k9 gold badges70 silver badges109 bronze badges

1 Comment

Sushanth -- Over a year ago

Glad to have helped :)

Collectives™ on Stack Overflow

Javascript & jquery manipulation

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related