Блог

Вот код, который я использую для обновления / фильтрации цены в результатах. В настоящее время он показывает обновленную / выбранную цену только после отпускания ползунка, как я могу показать изменение цены при перемещении ползунка?

     $('#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:

Проверьте функцию «слайд», которая запускается во время процесса скольжения. Это может решить вашу проблему.

https://api.jqueryui.com/slider/#event-slide

 
    $('#price_range').slider({

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