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