如何根據滑塊值動態設置jquerymobile滑塊的步驟？

我有一個jquery移動滑塊：如何根據滑塊值動態設置jquerymobile滑塊的步驟？

<input type="range" name="slider" data-track-theme="c" 
     data-highlight="true" id="slider-step1" step="10000" 
     value="10000" min="10000" max="9000000" />

，我必須動態地設置步長值是這樣的：最多200.000步驟10.000，最高至500個步驟中的25.000，高達1.000.000步驟的50.000，高達2.000.000步200.000，高達9.000.000步500.000。

我嘗試了很多東西，什麼也沒做。請幫忙！

來源

2012-05-24 Iosif Petre

有趣的問題，但我不知道它的可能性。 – codaniel

我在Change事件上嘗試了一些東西，它不起作用，因爲我必須在滑塊更改之前更改步驟...應該使用什麼事件或其他任何ideea？ –

我應該使用什麼事件？請幫忙！ –

這是可能的！嘗試這種解決方案與您的值或變量：

$("#slider-step").attr("min", 4); 
$("#slider-step").attr("max", 40); 
$("#slider-step").attr("step", 4); 
$("#slider-step").val(4); 
$('#slider-step').slider('refresh');

這對我的作品！

來源

2012-10-01 07:59:59

這樣的事情可能會奏效。

$('#slider-step1').change(function(){ 
    currentValue = $(this).val(); 
    if(currentValue > 200000){ 
     $(this).attr('step','25000'); 
    } 
    if(currentValue > 500000){ 
     $(this).attr('step','50000'); 
    } 
    // and on and on 
});

我相信你將不得不按照你想要的來完善它，但這是基本的想法。

來源

2012-05-31 22:23:35 codaniel

我試着這，你可以在這裏看到的結果：http://admin.realmediastore.ro/test.htm，所以它不能正常工作，因爲它設置滑塊更改後的步驟，我想......任何想法？ –

這就是爲什麼我說它需要一些工作。 – codaniel

我做了很多工作，不是這樣，我想我需要使用另一個事件，然後更改，因爲我需要在更改滑塊值之前設置下一步...您知道我的意思嗎？ –

如何根據滑塊值動態設置jquerymobile滑塊的步驟？

回答

相關問題