Задать вопрос

Как сделать разные шаги у ползунка(ui slider) в двух значениях?

Есть ползунок от ui slider, при перетаскивании его, выводит в amount значение с шагом в 1 000 000, в amount2 и amount3 нужно выводить значение с шагом в 4 000
<div class="popup_price_top">
	<div id="slider-range"></div>
	<div class="amount_box">До
		<span class="amount"> 1 000 000 руб.</span>
	</div>
</div>

<div class="popup_price_col">
	<div class="popup_price_col_top">
	     <span class="title_price">Кнопка+</span>
	     <p><span class="amount2">35 000 руб.</span><br> в месяц</p>
	</div>
	</div>
	<div class="popup_price_col">
		<div class="popup_price_col_top">
			<span class="title_price">Кнопка</span>
			<p><span class="amount3">35 000 руб.</span><br> в месяц</p>
		</div>
	</div>


Вот код для вывода значения в amount
$(function() {
  $("#slider-range").slider({
    range: "min",
    value: 1000000,
    step: 1000000,
    min: 1000000,
    max: 10000000,
    slide: function(event, ui) {
      $(".amount").text(ui.value.toLocaleString()+ 4000).trigger("change");
    }
  });
})

Как сделать чтобы при перемещении ползунка в amount шаг был 1 000 000, а в amount2 и amount3 шаг был в 4 000?
  • Вопрос задан
  • 158 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы