javascript - 创建动态范围 slider

Question

我在创建动态范围 slider 时需要一些帮助，因为我不太擅长后端编码。

http://i255.photobucket.com/albums/hh140/testament1234/dynamicrangeslider_zpsb2ae70b4.jpg

基本上，这里的目标是如果用户选中 90 比索及以上或 90 比索到 1000 比索的选项，则 slider 将更改最小和最大范围。

这是我已经开始的。

Javascript/Jquery

<script>
jQuery(function() {
jQuery( "#slider-range" ).slider({
    range: true,
    min: 0,
    max: 500,
    step:5,
    values: [ 0, 300 ],
    slide: function( event, ui ) {
        jQuery( "#amount" ).val( "Php" + ui.values[ 0 ] + " - Php" + ui.values[ 1 ] );
    }

});
    jQuery( "#amount" ).val( "Php" + $( "#slider-range" ).slider( "values", 0 ) +
    " - $" + $( "#slider-range" ).slider( "values", 1 ) );
});
</script>

我需要做的就是知道要替换什么或添加什么。

Answer 1

你只需要传递这些变量:

var minimumValue = 0; // Get the minimum pesos somehow
var maximumValue = 1000; // Get the maximum pesos somehow

...
range: true,
min: minimumValue,
max: maximumValue,
...

如果没有更多代码，很难知道还能给您带来什么。 (您从哪里获得这些值，id 等)