up vote1down votefavorite

I am initializing a jquery ui slider that has for example a value of .01, a min of .01, and a max of 5000. My issue is that the max is stopping at 4999.990000000001. Can you see what I am doing wrong?

$( "#sliderModal" ).slider({
    value:r.min_price/100,
    min: r.min_price/100,
    max: r.max_price/100,
    step:0.01,
    slide: function( event, ui ) {
       $( "#amountModal" ).val(ui.value );
    }
});
  
shareimprove this question

2 Answers 正确答案

up vote1down voteaccepted

It's a rounding error related to the float values. The easiest way to fix it would to use integers instead:

$( "#sliderModal" ).slider({
    value:r.min_price,
    min: r.min_price,
    max: r.max_price,
    step:1,
    slide: function( event, ui ) {
        $( "#amountModal" ).val(ui.value/100);
    }
});

Notice that I've removed all the /100 operations and multiplied the value by 100.

This assumes that the value is not being displayed as a number - if it is, you're going to get the number multiplied by 100 instead of the nice, neat two-decimal-place number you're looking for.

shareimprove this answer
up vote1down vote

A quick fix - floating numbers

in jquery-ui.js and _calculateNewMax function, change the

Math.floor(..

to

Math.round(..

So, if there is

aboveMin = Math.floor((+(max-min).toFixed(this._precision()))/step)*step;

to

aboveMin = Math.round((+(max-min).toFixed(this._precision()))/step)*step;

Note*: you need to edit and link the modded js file localy.

Note**: Check the link to point on jquery-ui.js and not jquery-ui.min.js

checked on v1.11.4

Hope it helps,

giannisepp

shareimprove this answer

来自  https://stackoverflow.com/questions/27850921/jquery-ui-slider-incorrect-max-value