2017-04-21 18 views
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('&#3647' + ui.value[0]); 
      $(ui.handle).find('span').html('&#3647' + 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> 

答えて

0

使用.text#q_rent_gteqまたは#q_rent_lteqは、入力、テキストエリアまたは選択されていない場合。これ以外はエラーを再現できません。両方のスライドを組み合わせてください。 2つの必要はありません

slide: function(event, ui) { 
     $("#q_rent_gteq").val(ui.values[0]); 
     $("#q_rent_lteq").val(ui.values[1]); 
     $(ui.handle).html('&#3647' + ui.values[0]); 
     $(ui.handle).html('&#3647' + ui.values[1]); 
    } 

ui.handleはスパン自体です。 spanまたは別のものを見つけることを意味しましたか?私は.findで見つけることができるjQueryスライダに他のものは見当たりません。

https://jsfiddle.net/eu793by7/

関連する問題