На странице использую range slider
$('.nstSlider').nstSlider({
"left_grip_selector": ".leftGrip",
"value_changed_callback": function(cause, leftValue, rightValue) {
$('#sum').html(leftValue+" м<sup>2</sup>").attr("data-sum",leftValue);
}});
Сама html-разметка ползунка такая -
<div class="nstSlider" data-range_min="70" data-range_max="500" data-cur_min="0">
<div class="leftGrip rg">
<div class="sum" id="sum" data-sum="1"></div>
</div>
</div>
где data-range_min="70" это начальный старт ползунка.
Мне нужн при определенных событий без перезагрузки страницы устанавливать начальное значение ползунка равным 30.
Проблема в том что обычный $(".nstSlider").attr("data-range_min",30) не помогает так как dom уже загрузился и нужно как заново сгенерировать ползунок.
Как это сделать?