javascript - 如何根据滑块值动态设置 jquerymobile 滑块的步长？

Question

我有一个 jquery 移动滑块：

<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.000 步 25.000，最多 1.000.000 步 50.000，最多 2.000.000 步 200.000，最多 9.000.000 步500.000。

我尝试了很多东西，但一无所获。请帮忙！

Answer 1

这是可能的！！使用您的值或变量尝试此解决方案：

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

这个对我有用！！

Answer 2

这样的事情可能会奏效。

$('#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 
});

我敢肯定，您将不得不对其进行改进以按您的意愿工作，但这是基本思想。