JQuery Range Slider

Question

Привет Я все знакомы с JQuery я нашел слайдер здесь: JQuery Range Slider, я скопировал этот код в моем HTML-страницу

<script> 
    $(function() { 
    $("#slider-range").slider({ 
     range: true, 
     min: 0, 
     max: 500, 
     values: [ 75, 300 ], 
     slide: function(event, ui) { 
     $("#amount").val("€" + ui.values[ 0 ] + " - €" + ui.values[ 1 ]); 
     } 
    }); 
    $("#amount").val("$" + $("#slider-range").slider("values", 0) + 
     " - €" + $("#slider-range").slider("values", 1)); 
    }); 
$("input").rangeslider(); 
    </script> 

Я также включил CSS в ползунок DIV в моем теле. Если я перемещаю ползунок, например, от 10 до 30 долларов, он должен показывать в моем содержании только эти продукты, которые находятся между этим диапазоном. Цена находится в поле ввода.

Надеюсь, кто-то может мне помочь!

Answer 1

Получите значение диапазона, используя $ ("# amount"). Val(), а затем сделайте запрос, чтобы получить требуемый ответ с этим значением.

В основной функции слайд сделать следующим

slide: function(event, ui) { 
     $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 

     //here make ajax call with input value 1 as ui.values[ 0 ] 
     //        and 2 as ui.values[ 1 ] 
}