Javascript 价格滑块,添加实时价格更新(文本)

Javascript 价格滑块,添加实时价格更新(文本),javascript,Javascript,下面是我用来更新/过滤结果中价格的代码。 当前只有在释放滑块后才显示更新/选定的价格,如何在移动滑块时显示价格变化 $('#price_range').slider({ range:true, min:1000, max:95000, values:[1000, 95000], step:500, stop:function(event, ui) { $

下面是我用来更新/过滤结果中价格的代码。 当前只有在释放滑块后才显示更新/选定的价格,如何在移动滑块时显示价格变化

    $('#price_range').slider({
        range:true,
        min:1000,
        max:95000,
        values:[1000, 95000],
        step:500,
        stop:function(event, ui)
        {
            $('#price_show').html(ui.values[0] + ' - ' + ui.values[1]);
            $('#hidden_minimum_price').val(ui.values[0]);
            $('#hidden_maximum_price').val(ui.values[1]);
            filter_data();
            
        }
    });


});
</script>

如果您使用的是jQueryUI滑块,则以下是原始网页:

查看滑动功能,该功能在滑动过程中触发。 这可能会解决你的问题


    $('#price_range').slider({

        slide: function( event, ui ) {
        //update price here
        }
    });