Блог

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

      $(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" /> 
  

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

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

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