jQuery UIスライダー（小数点サポートあり）

Question

jQuery UIスライダーを小数点で扱おうとしています。問題は、スライダが間違った方法で増加していることです。

私は0.3 - > 0.4 - > 0.5 - > 0.6というようにスライダーを上げたいと思います。以下のコードでは、0.3 - > 1.3 - > 2.3 - > 3.3となります。どのように私は、これはここで

に正しい道を高めるために取得することができますことは、私のコード

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.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" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" /> 

$(function() { 
    $("#slider-range").slider({ 
     range: true, 
     min: 0.3, 
     max: 5.03, 
     values: [ 0.3, 5.30 ], 
     slide: function(event, ui) { 
     $("#amount").html(ui.values[ 0 ] + " - " + ui.values[ 1 ]); 
     $("#amount1").val(ui.values[ 0 ]); 
     $("#amount2").val(ui.values[ 1 ]); 
     } 

    }); 

    $("#amount").html($("#slider-range").slider("values", 0) + " - " + $("#slider-range").slider("values", 1)); 

    }); 

はあなたの時間を感謝です。 （http://api.jqueryui.com/slider/#

Answer 1

は、あなたはそれが

$(function() { 
    $("#slider-range").slider({ 
     range: true, 
     min: 0.3, 
     max: 5.30, 
     step: 0.1, // <-- new config 
     values: [ 0.3, 5.30 ], 
     slide: function(event, ui) { 
     $("#amount").html(ui.values[ 0 ] + " - " + ui.values[ 1 ]); 
     $("#amount1").val(ui.values[ 0 ]); 
     $("#amount2").val(ui.values[ 1 ]); 
     } 

    }); 

    $("#amount").html($("#slider-range").slider("values", 0) + " - " + $("#slider-range").slider("values", 1)); 

    });