텍스트 상자의 값을 기준으로 쿼리 슬라이더 위치 업데이트

Question

슬라이더의 값이 텍스트 상자의 값과 다른 경우 어떻게 슬라이더의 위치를 ​​업데이트 할 수 있습니까?

$("#slider").slider({ 
max: 30000, 
min: 1000, 
step: 1000, 
range: true, 
animate: true, 
values: [1000, 15000], 
slide: function(even, ui) 
{ 
$("#edit-field-price-value-min").val(ui.values[0]); 
$("#edit-field-price-value-max").val(ui.values[1]); 
} 
}); 

당신은 내가 어떤 텍스트 상자의 슬라이더로 값을 변경하고 볼 수 있지만 나는 그 그것을 원하는대로 반대도

나는 if 문을 사용하고 싶습니다

어느 순간하다면 있도록 값을 입력하면 텍스트 상자에서 슬라이더도 변경됩니다.

어쩌면 온로드를 수행 할 수 있습니까?

<div id="slider"></div> 

Answer 1

두 텍스트 필드에 $ (document) .ready() 동안 이벤트를 설정하려고합니다. 당신의 텍스트 필드가 변경 될 때

$(document).ready(function(){ 
    $('#edit-field-price-value-min').change(function(){ 
     $('#slider').slider("values" , 0 , $(this).val()); 
    }); 
    $('#edit-field-price-value-max').change(function(){ 
     $('#slider').slider("values" , 1 , $(this).val()); 
    }); 
}); 

그래서,이 슬라이더를 업데이트합니다 : 동작에 따라 변화() 이벤트 또는 흐림() 이벤트를 사용할 수 있습니다.