Fires when the user drags the drag handle to a new position.

Example - subscribe to the slide event

<input id="slider" class="temperature" />         

    function sliderOnSlide(e) {
        console.log("Slide :: new slide value is: " + e.value);

    $(document).ready(function() {
            slide: sliderOnSlide,
            min: 0,
            max: 30,
            smallStep: 1,
            largeStep: 10,
            value: 18

Event Data

e.value Number

Represents the value from the current position of the drag handle.

In this article