javascript - 创建动态范围滑块

Question

我需要一些帮助来创建这个动态范围滑块，因为我不太擅长后端编码。

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

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

这是我已经开始的。

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

You just have to pass those variables in:

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

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

Hard to know what more to give you than this without more code. (where you're getting these values from, ids, etc.)