Ползунок диапазона пользовательского интерфейса jQuery - оба значения в разных элементах выбора формы - PullRequest
Новая
       23

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

1 голос
/ 24 апреля 2011

У меня есть бегунок диапазона с двумя значениями. Минимальная цена и максимальная. У меня есть два элемента выбора: один с минимальной ценой и один с максимальной. Я хотел бы, чтобы эти селекторы менялись в соответствии с ползунком. Мне удалось изменить поля ввода при использовании ползунка, но я не могу заставить ползунок работать с двумя элементами селектора. Вот мой код: 

     $(function() {
      $( "#slider-range" ).slider({
       range: true,
       min: 1,
       step: 1,
       max: 5,
       values: [ 1, 5 ],
       slide: function( event, ui ) {
        $( "#min" ).val( ui.values[ 0 ] );
        $( "#max" ).val( ui.values[ 1 ] );
       }
      });
      $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
       " - $" + $( "#slider-range" ).slider( "values", 1 ) + " price" );

     });

И HTML: 

<input type="text" name="minimum" id="edit-nightlyavg-min" value="1" /> 

<input type="text" name="maximum" id="edit-nightlyavg-max" value="10" />

Как сделать так, чтобы ползунок изменил два моих селекторных элемента?

1 Ответ

2 голосов
/ 24 апреля 2011

Это, вероятно, потому что ваши селекторы для ваших элементов ввода неверны.

Ваши элементы ввода имеют id="edit-nightlyavg-min" and id="edit-nightlyavg-max", но вы используете $("#max") и $("#min")

...