decimals=0或在所有步骤之间工作

Question

我有这样的设置：

                <script>
                    // Behaviour
                    jQuery("#lp-slider").noUiSlider({
                        start: [ 30000 ],
                        connect: "lower",
                        range: {
                            'min': [ 2000,100 ],
                            '20%': [ 20000,1000 ],
                            '40%': [ 30000,2000 ],
                            '60%': [ 50000,2000 ],
                            '80%': [ 70000,3000 ],
                            'max': [ 100000 ]
                        },
                        // Number formatting
                        format: wNumb({
                            decimals: 0
                        })
                    });

                    // Link value to input
                    jQuery("#lp-slider").Link('lower').to(jQuery('#kwh'));
                </script>

我把它绑定到一个输入字段。当第一个值为10.000时，它工作得很好。但是，当第一个值低于10.000时，我会在逗号后面得到奇怪的小数，比如"13099.99997“，即使是decimals=0。

当我在代码中设置上面这样的方式时，我怎样才能确保真正只输出1000？

提前感谢您的帮助！盖蒂莫

Answer 1

在滑块上设置format选项会影响.val()读出。您可以在.Link()上使用相同的格式化程序，如下所示：

jQuery("#lp-slider").Link('lower').to(jQuery('#kwh'), null, wNumb({
    decimals: 0
}));

工作jsFiddle。

编辑回复评论：

你有个棘手的窃听器！在第77行，您有：

<script src="/landing/0custom/nouislider/jquery.nouislider.all.min.js"></script><script src="/landing/0custom/nouislider/wNumb.js"></script>

jquery.nouislider.all.min.js已经包含了wNumb。您所包含的wNumb.js是一个旧版本的在这个问题解决之前。删除wNumb.js以解决问题。

Answer 2

我刚刚遇到了这个问题。我所要做的就是下载最新版本的wNumb，并把它放到我的项目文件夹中，旧的文件夹中存储了旧的。那一切都完美无缺！希望这能有所帮助！