@Genri_Rus

Как запретить перемещение двум ползункам в range?

Как запретить перемещения 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;
    }
  • Вопрос задан
  • 190 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы