創建一個動態範圍滑塊

我需要一些幫助來創建這個動態範圍滑塊，因爲我不擅長後端編碼。創建一個動態範圍滑塊

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

創建一個動態範圍滑塊

回答

相關問題