文章/答案/技术大牛

发布

社区首页 >问答首页 >不使用浮点数的jquery数字旋转器

问不使用浮点数的jquery数字旋转器
EN

Stack Overflow用户

提问于 2021-09-23 09:13:05

回答 1查看 53关注 0票数 0

我有这个JQUERY漂亮的数字旋转器，但当我一次用.01数字写东西时，它并不是在执行浮点数。下面是代码: jquery中的代码：

 <link rel="stylesheet" href="js/jquery.nice-number.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
   
  <script src="js/jquery.nice-number.js"></script>

输入和漂亮的数字脚本：

<input type="number" value="1.0" name="qty" step="0.1" max="99999" min="0.1">
    <script>

        $(function () {

            $('input[type="number"]').niceNumber();

        });

    </script>

我该怎么解决呢？谢谢

javascript

html

jquery

numbers

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-09-23 09:37:12

假设这是来自：

：https://github.com/joshua-s/jquery.nice-number

快速查看消息来源可以看出：

var newValue = currentValue + 1;

所以这个漂亮的数字插件是硬编码的，只能加/减+1/-1。

它确实提供了一个回调，因此您可以编辑这个值，但最好是编辑尼斯-number.js. It，以便通过设置传递增量步骤。

$(function() {

  $('input[type="number"]').niceNumber({
    onDecrement: ($el, newValue, settings) => {
      $el.val(Math.round((newValue + 0.9) * 100) / 100);
      console.log($el.val())
    },
    onIncrement: ($el, newValue, settings) => {
      //console.log($el.val())
      $el.val(Math.round((newValue - 0.9) * 100) / 100);
      console.log($el.val())
    }
  });

});

<!--<link rel="stylesheet" href="js/jquery.nice-number.css">-->
<link ref="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery.nice-number@2.1.0/dist/jquery.nice-number.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!--<script src="js/jquery.nice-number.js"></script>-->
<script src="https://cdn.jsdelivr.net/npm/jquery.nice-number@2.1.0/dist/jquery.nice-number.js"></script>


<input type="number" value="1.0" name="qty" step="0.1" max="99999" min="0.1" style='width:200px;'>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69297196

复制

相似问题

问不使用浮点数的jquery数字旋转器
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不使用浮点数的jquery数字旋转器EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不使用浮点数的jquery数字旋转器
EN