我在创建动态范围 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>
我需要做的就是知道要替换什么或添加什么。
最佳答案
你只需要传递这些变量:
var minimumValue = 0; // Get the minimum pesos somehow
var maximumValue = 1000; // Get the maximum pesos somehow
...
range: true,
min: minimumValue,
max: maximumValue,
...
如果没有更多代码,很难知道还能给您带来什么。 (您从哪里获得这些值,id 等)
关于javascript - 创建动态范围 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18493951/