JQuery的範圍滑塊

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的在我的身上滑動格。 如果我將滑塊從例如$ 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 ] 
}