将磅符号添加到jquery范围滑块

我的网站上有一个jQuery范围滑块，但它还没有被使用。但当您使用滑块更改值时，符号将被删除。有没有办法让他们留下来

以下是迄今为止的代码：

JavaScript

<script type="text/javascript">
$(document).ready(function(){
    // Your code here
    $("#submitFilter").hide();
    $(".filterCheck").change(function(){
        $("#submitFilter").click();
    });
    $(".filterCategoryCheck").change(function(){
        document.location = $(this).next('a').attr('href');
    });
    $("#slider-range").slider({
        range: true,
        min: <?php echo $rootPriceFrom; ?>,
        max: <?php echo $rootPriceTo; ?>,
        values: [<?php echo $priceFrom; ?>, <?php echo $priceTo; ?>],
        slide: function(event, ui) {
            $("#priceFrom").val(values[0]);
            $("#priceTo").val(values[1]);
            $("#spanPriceFrom").html(values[0]);
            $("#spanPriceTo").html(values[1]);
        },
        stop: function(event, ui) {
            //alert('a');
            $("#priceGo").click();
        }
    });
    $("#priceFrom").val($("#slider-range").slider("values", 0));
    $("#priceTo").val($("#slider-range").slider("values", 1));
});

</script>

$（文档）.ready（函数（）{
//你的代码在这里
$（“#submitFilter”）.hide（）；
$（“.filterCheck”）.change（函数（）{
$（“#提交过滤器”）。单击（）；
});
$（“.filterCategoryCheck”）.change（函数（）{
document.location=$（this.next（'a'）.attr（'href'）；
});
$（“#滑块范围”）。滑块({
范围：对，
最小：，
马克斯：，
值：[，]，
幻灯片：功能（事件、用户界面）{
$（“#priceFrom”）.val（值[0]）；
$（“#priceTo”）.val（值[1]）；
$（“#spanPriceFrom”）.html（值[0]）；
$（“#spanPriceTo”）.html（值[1]）；
},
停止：功能（事件、用户界面）{
//警报（“a”）；
$（“#priceGo”）。单击（）；
}
});
$（“#priceFrom”）.val（$（“#滑块范围”）.slider（“值”，0））；
$（“#priceTo”）.val（$（“#滑块范围”）.slider（“值”，1））；
});

HTML

价格范围：£；-£

---

Live URL-

必须在幻灯片事件中的跨距中添加井号，如下所示：

$("#slider-range").slider({
    range: true,
    min: <?php echo $rootPriceFrom; ?>,
    max: <?php echo $rootPriceTo; ?>,
    values: [<?php echo $priceFrom; ?>, <?php echo $priceTo; ?>],
    slide: function(event, ui) {
        $("#priceFrom").val(ui.values[0]);
        $("#priceTo").val(ui.values[1]);
        $("#rangeval").html("£"+ui.values[0]+" - £"+ui.values[1]); //edited part
    },
    stop: function(event, ui) {
        //alert('a');
        $("#priceGo").click();
    }
});

$（“#滑块范围”）.滑块({
范围：对，
最小：，
马克斯：，
值：[，]，
幻灯片：功能（事件、用户界面）{
$（“#priceFrom”）.val（ui.values[0]）；
$（“#priceTo”）.val（ui.values[1]）；
$（“#rangeval”）.html（“£”+ui.values[0]+“-£”+ui.values[1]）；//编辑的部分
},
停止：功能（事件、用户界面）{
//警报（“a”）；
$（“#priceGo”）。单击（）；
}
});

试试这样的方法

    $( "#slider-range" ).slider({
        orientation: "vertical",
        range: true,
        values: [ 17, 67 ],
        slide: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
        }
    });

参考文献

对于您的代码，它将类似于

        slide: function( event, ui ) {
            $("#spanPriceFrom").html("£" + ui.values[0]);
            $("#spanPriceTo").html("£" + ui.values[1]);
        }

---

已添加，但遗憾的是仍然完全相同。要检查显示值的元素的id/类别，并更改编辑的零件id以适合您的代码，请检查“我的编辑”

        slide: function( event, ui ) {
            $("#spanPriceFrom").html("£" + ui.values[0]);
            $("#spanPriceTo").html("£" + ui.values[1]);
        }