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 ] 
}