javascript - Jquery UI Slider 不正确的最大值

Question

我正在初始化一个 jquery ui slider ，例如值为 .01，最小值为 .01，最大值为 5000。我的问题是最大值停止在 4999.990000000001。你能看出我做错了什么吗？

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

Answer 1

这是与浮点值相关的舍入误差。修复它的最简单方法是改用整数:

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

请注意，我删除了所有 /100 操作并将该值乘以 100。

这假设该值未显示为数字 - 如果是，您将得到该数字乘以 100 而不是您正在寻找的漂亮、整洁的两位小数。