jQuery Slider - Mise à jour de la plage sur la diapositive

Question

C'est probablement quelque chose de très facile à résoudre, cependant, j'ai quelques difficultés à trouver la bonne réponse. Pour l'essentiel, j'ai un curseur jQuery que j'utilise. Chaque fois que le curseur est changé, je voudrais mettre à jour un <span>, basé sur le changement d'une boîte <select>.

Pour voir le code en action, s'il vous plaît visitez http://jsbin.com/etusu/edit

Comme vous le verrez, la boîte <select> met à jour très bien avec chaque diapositive, mais le <span> met à jour une seule fois. Je voudrais le mettre à jour aussi souvent que le <select>, parce que finalement, je vais cacher la boîte <select>. Toute aide à ce sujet serait grandement appréciée.

Answer 1

dont vous récupérez le texte du temps une seule fois, ici:

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

et en utilisant cette variable pour définir le texte:

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

---

Au lieu de cela vous devez chercher la valeur chaque fois, puisque l'option :selected change (et que la variable d'origine ne mettra pas à jour), comme ceci

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

Here's the updated/working version.