jQuery UI Slider falsch ui Werte

Question

ich meine Schieber wie folgt initialisieren:

var min = 0.1; 
    var max = 20; 
    var low = 0.1; 
    var high = 20; 
    var step = 0.1; 

    $(this).slider({ 
     range: true, 
     min: min, // 0.1 
     max: max, // 20 
     values: [ low, high ], // 0.1 | 20 
     step: step, // 0.1 
     animate: "slow", 
     slide: function(event, ui) { ... } 

Welche perfeclty arbeitete, außer wenn mein Wert max/hoch ist 20. In diesem Fall innerhalb der slide function ich den Wert bekommen 19,9 für ui.values[1]. Wie ich verhindern, dass Benutzer müssen den zweiten Griff bewegt ich war wie diese Überprüfung:

if (ui.values[1] != high){ 
     return false; 
    } 

Jetzt, wo 20 bis 19,9 Benutzer nicht gleich sind nicht in der Lage eine der Griffe zu bewegen. Irgendwelche Ideen?

Answer 1

Das Problem in Gleitkommazahlen sein kann. Sie sollten also die Werte multipliziert mit 10 verwenden und annehmen, dass 1 für 0,1 steht, 200 für 20 und so weiter. Hoffe es wird helfen.

Answer 2

Das Problem, das Sie haben, ist, dass Sie init min by 0.1 hit ist ein float-Wert. Wenn Sie mit 0 starten, wird es funktionieren. Und auch ich glaube, Sie dies stattdessen if (ui.values[1] == high) überprüfen sollten

var min = 0; 
 
    var max = 20; 
 
    var low = 0.1; 
 
    var high = 20; 
 
    var step = 0.1; 
 

 
    $("#slider").slider({ 
 
    range: true, 
 
    min: min, // 0.1 
 
    max: max, // 20 
 
    values: [low, high], // 0.1 | 20 
 
    step: step, // 0.1 
 
    animate: "slow", 
 
    slide: function(event, ui) { 
 
     console.log(ui.values) 
 
     if (ui.values[1] == high) { 
 
     return false; 
 
     } 
 

 
    } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css"> 
 

 
<div id="slider"></div>