New to Kendo UI for jQuery? Start a free 30-day trial

Slide

events

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

slide

Event Data

e.value `Number`

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

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

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

    $(document).ready(function() {
        $("#slider").kendoSlider({
            slide: sliderOnSlide,
            min: 0,
            max: 30,
            smallStep: 1,
            largeStep: 10,
            value: 18
        });                    
    });
</script>

Slide

slide

Event Data

e.value Number

e.value `Number`