increment - jQuery 滑块将整数设置为 .01

Question

jQuery 增量滑块：如何设置滑块以 0.01 为增量？我将步长设置为“步长：0.01”，但滑块不会以 0.01 递增，而是以 0.1 递增

滑块需要增加 0.01 美分，以便我们的客户可以跟踪他们帐户中的每一分钱。

Answer 1

我知道这是一篇旧帖子，但我偶然发现它试图找到解决方案，所以我想我会回到这篇文章并告诉大家我为那些仍在寻找解决方法的人做了什么

基本上，我采用了从 0-20 开始的原始比例，然后在我的代码中将其从 0-200 变为 0-200，我只是将输出除以 10，现在它工作得很好，显然这增加了几行代码，让你有在将变量除以 10 后重新分配变量，但是您现在可以使滑块增加 0.1，并通过简单的数学将其设为 0-2000 并除以 10，然后滑块将增加 0.01 希望这对某人有所帮助

Answer 2

我刚刚对其进行了测试并且确实可以工作，但是您必须设置步骤：0.01，您可以测试自己这是我为 yaxis 和 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

你不能，否则该值不会是整数。

一直在努力使用滑块允许小数步长，似乎成功的一个（虽然我没有仔细检查过）需要破解 jQuery UI 库本身来添加小数支持。