JQuery UI滑块小部件无法显示滑块值

Question

我在我的rails Web应用程序中使用滑块小部件，范围从0到500000。我试图显示滑块的变化值，但我不知道我错在哪里。我是JQuery的新手，非常感谢。

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> 

Answer 1

使用.text如果#q_rent_gteq或#q_rent_lteq不输入，文字区域或选择。除此之外，我无法重现您的错误。还要合并您的幻灯片。有没有需要两个

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或另一个？我在jQuery滑块中没有看到任何其他人可以通过.find找到。

https://jsfiddle.net/eu793by7/