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 
});

我确信你必须根据需要改进它，但这是基本的想法。

如何根据滑块值动态设置jquerymobile滑块的Step？

2 个答案: