jQuery UI 滑块步骤问题

Question

我遇到了 jquery-ui 滑块的问题。我想改变不同价值观的步骤。但是当我将值 1 000 000 的步骤从 50 000 更改为 100 000 时，我遇到了一个错误，我得到的是 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);
           }
       }
   });
});

你可以在这里看到这个错误：http://test.dizajn-interiera.su/avtolombard/，第二个块，第一个 ui-slider with thousands.

如有任何帮助，我们将不胜感激

Answer 1

尝试了一段时间后，我发现了相同的错误结果。

我不知道问题的真正原因，但如果将最小值设置为 0，问题就消失了。

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

希望对您有所帮助。

jQuery UI 滑块步骤问题

jQuery UI slider step issue

javascript

jquery

jquery-ui