Javascript滑块值不准确

时间:2013-02-22 23:10:36

标签: javascript jquery algorithm slider

我正在使用名为Dragdealer的库在我的网站上显示一系列滑块。每个滑块都会更改相邻输入框中的值,该值表示投资该基金的百分比。总数必须加起来且不超过100%。

滑块正常工作,因为它们在移动时会更改输入框的值。但是,直接更改输入框时会出现问题,并且滑块会更改它在其行上的位置以匹配输入框中的新值。

在框中输入“30”会使滑块移动并放松到它应该停止的位置的1%或2%的位置。在'30'的情况下,滑块停在28或29处。似乎特别是在诸如'20,30,40'之类的圆形数字上做,而像'58'这样的东西正确匹配。

我已将我的代码复制到一个小提琴中:http://jsfiddle.net/ULNaW/6/ - 每个滑块元素都会启动并重复,如下所示:

var sliderConservative = new Dragdealer('slider_conservative', {
    steps: 100,
    animationCallback: function (x, y) {
        val_conservative.value = (Math.round(x * 100) + '%');
    }
});

$('#input_conservative').change(function () {
    sliderConservative.setStep(stripPercentages(this));
    return false;
});

我想如果在输入框中输入一个值会使滑块停在该值而不是1或2的值。

0 个答案:

没有答案