Как обработать событие изменения пользовательского интерфейса jQuery для ползунка диапазона

#jquery #jquery-ui #slider #jquery-ui-slider #rangeslider

#jquery #jquery-пользовательский интерфейс #ползунок #jquery-ui-slider #rangeslider

Вопрос:

У меня есть ползунок jQuery UI с двумя дескрипторами, под каждым его дескриптором есть номер, который должен меняться каждый раз, когда пользователь меняет дескрипторы, я могу изменить только один из них.

Мне нужно определить, какой дескриптор был перемещен и в каком направлении он переместился, чтобы вычислить числа.

HTML:

 <div id="slider-range"></div>
<div id="amount">
    <span class="minslider"><span class="minprice">0</span> Dollar</span>
    <span class="maxslider"><span class="maxprice">3000000</span> Dollar</span>
</div>
  

jQuery:

  $(function() {
    $( "#slider-range" ).slider({
        range: true,
        min: 0,
        max: 15,
        values: [ 0, 15 ],
        step: 1,
        change: function( event, ui ) {
            var maxprice = $('.maxprice').text();
            var oneslice = Math.round(maxprice / 15);
            var finalprice = maxprice - oneslice;
            $('.maxprice').text(finalprice);
        }
    })
});
  

Комментарии:

1. Разве этот пример вам не помог? jqueryui.com/slider/#range