Question

我在我的rails网络应用中使用Slider小部件，范围从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不是输入，textareas或选择，请使用#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/

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

1 个答案: