根据输入字段更改Connected Jquery UI滑块的值

我有3个连接的jquery ui滑块，其中的值反映在它们旁边的输入字段中。根据输入字段更改Connected Jquery UI滑块的值

因为它是现在，输入的值更改为我滑动滑块，但我无法弄清楚如何改变滑块的值，如果我输入一个新值到输入。我知道这里有其他的例子，但不是连接滑块，我不知道怎么办。谁能帮忙？对不起，我对此很新，任何帮助，将不胜感激。

作为一个侧面说明，滑块手柄也超出了滑块的末端，如果有人想帮助我弄清楚如何解决这个问题，我一定会很感激。 :)

感谢所有，

2012-10-13 Oniiru

$("input").change(function(){ 

     var index = $(this).attr('class').substring(0,1); 
     $("#slider_"+ index).slider('value', this.value); 
     refreshSliders(index - 0); 
});

注意：你不应该使用相同的ID为一个以上的元素。（所有输入都使用相同的ID）。

来源

2012-10-13 19:30:50 Anoop

Hey Sushil，非常感谢您的帮助。这真的很接近，而且我过去也尝试过类似的方法，但由于某些原因，这些值并不总是像原来一样加起来达到100％。大多数时候，如果我在框中添加任何数字，似乎只有相应的滑块会发生变化，其余部分将保持不变，这意味着它可以加起来超过100％。你有什么想法如何保持滑块之间的连接？再次感谢您的帮助。 – Oniiru

我在代码中创建了chnage。我正在使用refreshSliders（索引）;关联滑块我认为现在它工作正常。检查一次jsfiddle。 – Anoop

再次感谢，似乎现在效果更好，但仍然不是那里。如果在第一个输入中输入99，例如在加载后立即输入99，则底部滑块读数为11，因此显然加起来超过100％。奇怪的是，当你将滑块移动一点点，并输入99时，它完美地工作。它也似乎收敛了，所以如果我输入77例如，而不是一个11和另一个12，它使得12和总计高达101％。有没有什么办法解决这一问题？再一次，非常感谢。这似乎是我的头... – Oniiru

根据输入字段更改Connected Jquery UI滑块的值

回答

相关问题