jQuery Slider - Обновление диапазона на слайде

Question

Возможно, это что-то довольно легко решить, однако у меня возникают трудности с поиском правильного ответа.

По сути, у меня есть слайдер jQuery, который я использую.Каждый раз, когда ползунок изменяется, я хотел бы обновить <span>, основываясь на изменении поля <select>.

Чтобы увидеть код в действии, посетите http://jsbin.com/etusu/edit

Как вы увидите, поле <select> обновляется нормально с каждым слайдом, но только <span>один раз.Я хотел бы обновлять так же часто, как <select>, потому что в конечном итоге я скрою поле <select>.Любая помощь по этому вопросу будет принята с благодарностью.

Answer 1

Вы выбираете текст времени только один раз, здесь:

var hour_value = $("#hour :selected").text();

и используя эту переменную для установки текста:

$(".time_viewer").text(hour_value);

---

Вместо этого вам нужно извлекать значение каждый раз, так как параметр :selected изменяется (и эта исходная переменная не будет обновляться), как это

$(".time_viewer").text($("#hour :selected").text());

Вот обновленная / рабочая версия .