0
私は、Rail WebアプリケーションでSliderウィジェットを0〜500000の範囲で使用しています。スライダーの値を変更して表示しようとしていますが、どこが間違っているのか分かりません。私はJQueryを初めて使いました。JQuery UI Slider widgetスライダーの値を表示できません
はJQuery:
<script type="text/javascript">
$(document).ready(function() {
var slider = $("#the_slider").slider({
range: true,
min: 0,
max: 500000,
step: 1,
values: [0, 500000],
animate: 'slow',
slide: function(event, ui) {
$("#q_rent_gteq").val(ui.values[0]);
$("#q_rent_lteq").val(ui.values[1]);
},
slide: function(event, ui) {
$(ui.handle).find('span').html('฿' + ui.value[0]);
$(ui.handle).find('span').html('฿' + ui.value[1]);
}
});
$("#q_rent_gteq").val(slider.slider("values")[0]);
$("#q_rent_lteq").val(slider.slider("values")[1]);
});
</script>
ビュー:
<div id="the_slider"></div>
<span id="q_rent_gteq"></span>
<span id="q_rent_lteq"></span>