Question

我有一个提交并按预期工作的价格滑块。它唯一不做的是当起始值是2个十进制数时，增加滑块的整数值。它也不显示最初的2位十进制数。只是为了表明我的意思是代码：

 $Deposit= '12.85'; 
<script>
   Deposit_increase = <?php echo (isset($_GET['Deposit_increase'])) ? 
   $_GET['Deposit_increase'] : 0 ?>;


   $(document).ready(function() {
   $( "#slider-range-min" ).slider({
      range: "min",
      value: <?php echo $Deposit ?>,
      min: <?php echo $Deposit ?>,
      max: 3000,

      values : [Deposit_increase],
                slide : function(event, ui) {
                    $("#Deposit_increase").val(ui.values[0]);
                },
        change: function() {
            $("#increase_form").submit();
        }
    });
    $("#Deposit_increase").val($("#slider-range-min").slider("values", 0));
});
  </script>

表格：

 <form action="" id="increase_form" method="get">

           <p  style="margin-left:12%; color:#2872bd; font-weight:bold; text-align:left">
  Change your Depost<br><br>
Deposit: £
  <input type="text" id="Deposit_increase" name="Deposit_increase"  style="border:0; color:#2872bd; font-weight:bold; text-align:left"  value="<?php echo $_GET['Deposit_increase']; ?>">

</p>    
        <div id="slider-range-min"></div></form>

此处显示如下：存款：12.9英镑（而不是12.85英镑）

滑块使用1的增量，因此所有值都将显示为13.9,14.9。 15.9等。

我希望滑块显示的是： 14,15,16等。

有没有办法实现这个目标？欢迎任何帮助

Answer 1

我没有在代码中看到增量函数，但您应该能够使用数学库提高滑块值。

您可以通过侦听滑块输入值并在再次显示之前转换此值来执行此操作。

var newVal = Math.ceil(val);

Answer 2

您可以替换以下行

$("#Deposit_increase").val(ui.values[0]);

带

$("#Deposit_increase").val(Math.floor(ui.values[0]+0.5));

这将始终四舍五入到最接近的整数。

Answer 3

对于这种情况，您必须使用Math.round（）

Math.round会将您的值四舍五入到最接近的整数

当起始值为2位小数时，如何增加整数中的滑块值

3 个答案: