rangeslider.js
rangeslider.js copied to clipboard
If a value is typed into the input for a programmatic change, onSlide will fire but onSlideEnd will not.
Let's say I have a set up like this:
<!-- This will convert to the rangeslider -->
<input min="0" max="500" type="range" id="inputRadius" />
<!-- This can manually update the rangeslider value with the js below -->
<input class="range-value" type="number" data-input-range="inputRadius" />
This js
will update the rangeslider if the adjacent input changes
$('.range-value').on('input', function() {
$('#inputRadius').val($(this).val()).change();
});
When the .range-value
input changes, onSlide
will fire but onSlideEnd
will not.