Я хочу, чтобы мой ползунок диапазона jQueryUI перемещался динамически в зависимости от входного значения - PullRequest
Новая
       8

Я хочу, чтобы мой ползунок диапазона jQueryUI перемещался динамически в зависимости от входного значения

0 голосов
/ 23 ноября 2018

вот ползунок диапазона

По сути, я хочу, чтобы мой ползунок двигался, когда я меняю число внутри ввода.

HTML-код: 

<input id="txtMinPrice" type="text" placeholder="de la">
<input id="txtMaxPrice" type="text" placeholder="pana la">
<div id="price__range"></div>

jQuery код: 

`var sliderElement = $('#price__range');
$("#price__range").slider({
  range: true,
  min: 0,
  max: 100,
  values: [ 35, 100 ],
  slide: function(event, ui) {
    $('#txtMinPrice').val(ui.values[0]);
    $('#txtMaxPrice').val(ui.values[1]);
  }
});
$('#txtMinPrice').val(sliderElement.slider('values', 0));
$('#txtMaxPrice').val(sliderElement.slider('values', 1));`

1 Ответ

0 голосов
/ 23 ноября 2018 
$('#txtMinPrice, #txtMaxPrice').on({
    'input change': function(){
         $("#price__range").slider("option", "min", $('#txtMinPrice').val());
         $("#price__range").slider("option", "max", $('#txtMaxPrice').val());
         $('#price__range').slider( "option", "value", $('#price__range').slider("value"));
    }
})

По сути, вы слушаете на входах событие input или change, которое вы можете изменять по мере необходимости, и продолжаете заменять минимальное и максимальное значения ползунка.Из документов .

...