JQuery UI Slider-Widget Slider-Wert kann nicht angezeigt werden

Question

Ich verwende das Slider-Widget als einen Bereich von 0 bis 500000 in meiner Rails-Web-App. Ich versuche, den Wert des Schiebereglers anzuzeigen, wenn er sich ändert, aber ich weiß nicht, wo ich falsch liege. Ich bin neu in JQuery, Hilfe würde sehr geschätzt werden.

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> 

anzeigen:

<div id="the_slider"></div> 
<span id="q_rent_gteq"></span> 
<span id="q_rent_lteq"></span> 

Answer 1

Verwenden .text wenn #q_rent_gteq oder #q_rent_lteq sind nicht Eingänge, Textbereiche oder auswählt. Ansonsten kann ich Ihren Fehler nicht reproduzieren. Kombinieren Sie auch beide Folien. Es besteht keine Notwendigkeit für zwei

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]); 
    } 

Auch ui.handle ist eine Spanne selbst. Meinst du das span oder ein anderes zu finden? Ich sehe keine anderen im jQuery-Schieberegler, der mit einer .find gefunden werden kann.

https://jsfiddle.net/eu793by7/