Как обработать событие JS?

Здравствуйте. Вот мой код:

<script>
  $(function() {
    $( "#slider-vertical" ).slider({
      orientation: "vertical",
      range: "min",
      min: 0,
      max: 100000,
	  step: 5000,
      value: 5000,
      slide: function( event, ui ) {
        $( "#amount" ).val( ui.value );
      }
    });
    $( "#amount" ).val( $( "#slider-vertical" ).slider( "value" ) );
  });
    </script>
...
<p>
  <label for="amount">Стоимость:</label>
  <input name="amount" type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" size="4">Р
</p>
 
<div id="slider-vertical" style="height:400px;"></div>


Это у меня вертикальный trackbar (пользователь водит, и выбирает стоимость по шкале). Значение ползунка выводится в input (amount).
Мне необходимо менять информацию в div'e id="bla" в соответствии от value, которое получил input (точнее встал ползунок).
Подскажите код данного функционала. Спасибо.
  • Вопрос задан
  • 2496 просмотров
Решения вопроса 1
@buzzi888
Не совсем понятен вопрос.
У вас есть value в коллбеке
slide: function( event, ui ) {
        $( "#amount" ).val(ui.value);
      }

есть элемент div'e id="bla"

В чем проблема по событию slide изменить div?
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
denisisaychx
@denisisaychx
Добавляем триггер события в метод
slide: function( event, ui ) {
        $( "#amount" ).val( ui.value ).trigger('change');
}

И вешаем обработчик события
$("#amount").on('change', function() {
// наш код
});
Ответ написан
slide: function( event, ui ) {
        $( "#amount" ).val( ui.value );

        if(ui.value == 10000)
        {
            $("#bla").html("Десять тысяч");
        }
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы