1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
|
var slider = document.getElementById('slider');
noUiSlider.create(slider, /* { options } */);
// Set one handled slider
slider.noUiSlider.set(10);
slider.noUiSlider.set([150]);
// Set the upper handle on a slider with two handles,
// don't change the lower one
slider.noUiSlider.set([null, 14]);
// On a slider with three handles,
// set the third to 12 (the handleNumber is 0-indexed),
// fire the set event (default true),
// Don't ignore stepping on the slider (default false)
slider.noUiSlider.setHandle(2, 12, true, true);
// Set both slider handles on a slider with two handles
slider.noUiSlider.set([13.2, 15.7]);
// Set both slider handles on a slider with two handles,
// fire the set event (default true)
// Ignore stepping on the slider (default false)
slider.noUiSlider.set([13.2, 15.7], true, true);
// Return to the 'start' values
// Does NOT reset any other slider properties
slider.noUiSlider.reset();
|