Есть ползунок от 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?