我正在使用名为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的值。