Как запретить перемещения 2-ух ползунков в range только в том случае, если они наезжают друг на друга?
Вот пример:
https://codepen.io/Genri_Rus/pen/pMjKeP
Вроде один ползунок не перемещается при наезжании на другой, а вот второй почему-то тянет за собой первый.
<div class="price-slider">
<input value="0" min="0" max="100" step="0.5" type="range">
<input value="100" min="0" max="100" step="0.5" type="range">
</div>
const slider = $('.price-slider');
slider.on('input', updatePriceLabels);
function updatePriceLabels() {
const sliders = slider.children('input');
const val1 = parseInt(sliders[0].value);
const val2 = parseInt(sliders[1].value);
if (val1 >= val2) {
sliders[0].value = val2 - 0;
return;
}
if (val2 <= val1) {
sliders[1].value = val1 + 0;
return;
}