입력 필드를 기준으로 Connected Jquery UI 슬라이더의 값을 변경하십시오.

Question

값이 입력 필드에 3 개의 연결된 jquery UI 슬라이더가 있습니다. I는 슬라이더를 밀어대로 현재 입력 값이 변경 될 수있는 바와 같이

는 http://jsfiddle.net/oniiru/gWbMp/

를 참조하지만 난에 새로운 값을 입력하면, 슬라이더의 값을 변경하는 방법을 알아낼 수 없다 입력. 나는 거기에 다른 예제가 있지만 연결된 슬라이더가 아니라는 것을 알고 있으며 어떻게 든 작동시키지 못합니다. 아무도 도와 줄 수 있습니까? 죄송합니다. 저는이 일에 아주 익숙합니다. 도움을 주시면 감사하겠습니다.

부수적으로 슬라이더 핸들은 슬라이더 끝을 지나쳐도 지나치게 고쳐 주었으면합니다. :)

덕분에 모든 코드를 다음

Answer 1

사용 : modified jsfiddle

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

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

주 : 두 개 이상의 요소에 동일한 ID를 사용하면 안됩니다. (모든 입력에 동일한 ID를 사용하고 있습니다).