创建一个动态范围滑块

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

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>

所有我需要做的是要知道如何更换或添加什么。

来源

2013-08-28 clestcruz

如果你想知道在创建滑块后如何改变最小/最大值，它会是（例如）'$（“＃滑动范围“）。slider（”option“，”min“，10）;' – ioums

你只需要通过这些变量：

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

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

很难知道什么更给你比这更没有代码。（你从这里获得这些值，ID等）

来源

2013-08-28 17:01:32

嗯嗯，我得到你的逻辑，但如何从HTML传递一个值。我是否需要使用，如果其他例如。如果用户选择1至1000比索的选项1。最小值和最大值将改变 – clestcruz

我需要更多的代码从你的HTML页面来确定如何做到这一点。页面加载时是否有这些值？ –

不幸的是我在magento上做这个。所以所有的页面都被切碎了。 Hmmmm – clestcruz

创建一个动态范围滑块

回答

相关问题