increment - jQueryスライダーで整数を.01に設定

Question

jQueryインクリメントスライダー:スライダーを.01ずつインクリメントするように設定するにはどうすればよいですか? ステップを「step: .01」に設定しましたが、スライダーが .01 ずつ増加せず、.1 ずつ増加します

お客様がアカウントのすべてのペニーを追跡できるように、スライダーを 0.01 セントずつ増やす必要があります。

Answer 1

これが古い投稿であることは知っていますが、解決策を見つけようとして偶然見つけたので、この投稿に戻って、まだ修正方法を探している人のために私が何をしたかをみんなに伝えようと思いました

基本的に、私は元のスケールを 0 ～ 20 に変更し、コードの後半で 0 ～ 200 に変更しました。出力を 10 で割っただけで、うまく機能するようになりました。それらを10で割った後に変数を再割り当てすることができますが、スライダーを0から2000にして10で割ることで簡単な計算で.1ずつ増加させることができます。スライダーは0.01ずつ増加します。

Answer 2

私はそれをテストして動作しますが、step：0.01を設定する必要があります。これは、y軸とx軸で作業していた例です。これがお役に立てば幸いです。手遅れではありません。

<script>$(document).ready(function(){

 $( "#x" ).slider({
        range: true,
        min: -6,
        max: +6,
        step:0.01,
        values: [0,2],
        slide: function( event, ui ) {
           $( "#amountx" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
        }
    });

     $( "#y" ).slider({
        range: true,
        orientation: "vertical",
        min: -12,
        max: 12,
        step:0.01,
        values: [1,2],
        slide: function( event, ui ) {
            $( "#amounty" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );
        }
    });
   $( "#amountx" ).val(  $( "#x" ).slider( "values", 0 ) +
        " - " + $( "#x" ).slider( "values", 1 ) );
     $( "#amounty" ).val( $( "#y" ).slider( "values", 0 ) +
        " - " + $( "#y" ).slider( "values", 1 ) );});</script>
<style>#x{top:115px;width:230px;}#y{height:230px;}</style><div id='x'></div><div id='y'></div><input type='text' id='amountx'/><input type='text' id='amounty'/>

Answer 3

そうしないと、値は整数になりません。

スライダーを使用して 10 進数のステップを許可する努力がありましたが、成功しているように見えますが(詳しくは調べていませんが)、10 進数のサポートを追加するために jQuery UI ライブラリ自体をハッキングする必要があります。