jQuery UI滑块步骤问题

时间:2017-12-11 15:04:35

标签: javascript jquery jquery-ui

我遇到了jquery-ui滑块的问题。我想改变不同价值观的步骤。但是当我将值1 000 000从50 000改为10万时,我得到了一个错误,我得到了1 150 000而不是1 100 000.

$( function() {
    var handle = $( "#custom-handle" );
    $( "#slider-auto" ).slider({
       min : 50000,
       max : 10000000,
       step : 10000,
       create: function() {
           handle.text( $( this ).slider( "value" ) );
       },
       slide: function( event, ui ) {
           handle.text( ui.value );
           if(ui.value >= 100000 && ui.value < 1000000){
               $(this).slider('option', 'step', 50000);
           }
           else if(ui.value >= 1000000  && ui.value < 10000000){
               $(this).slider('option', 'step', 100000);
           }
       }
   });
});

你可以在这里看到这个bug:http://test.dizajn-interiera.su/avtolombard/,第二个块,第一个ui-slider,数千个。

任何帮助将不胜感激

1 个答案:

答案 0 :(得分:0)

尝试一段时间后,我发现了同样的 buggy 结果。

我不知道问题的真正原因,但是如果你将你的min设置为0,问题就消失了。

    ...
    else if(ui.value >= 1000000  && ui.value < 10000000){
        $(this).slider('option', 'min', 0);
        $(this).slider('option', 'step', 100000);
    }
    ...

我希望它能以某种方式帮助你。