Jquery Slider 슬라이드 후 값 설정

Question

슬라이드 이벤트에서 슬라이더 값을 설정하려고합니다. 여기 내 코드는 다음과 같습니다.

$(document).ready(function() { 
      $("#slider").slider({ 

       min: 0, 
       max: 10000, 
       step: 1, // Use this determine the amount of each interval 
       values: [0], // The default range 
       slide: function (event, ui) { 
        var slider = $("#slider").slider({ 
         animate: true 
        }); 
        slider.slider('value', 500); 
       } 
      }); 
     }); 

무엇이 누락 되었습니까? 슬라이더의 값을 애니메이션화하고 설정할 수 없습니다.

편집 : 이제 슬라이더의 값을 설정할 수 있지만 너무 빠르게 발생합니다. 나는 천천히 내가 정한 가치로 가기를 원한다.

$(document).ready(function() { 
      $("#slider").slider({ 

       min: 0, 
       max: 10000, 
       animate: "slow", 
       step: 1,// Use this determine the amount of each interval 
       // values: [0] // The default range 
       change: function (event, ui) { 
        $("#slider").slider('value', 500); 
       } 
      }); 
     }); 

어떻게 내가 그것을 천천히 바로 그것을 설정하는 대신 500로 이동 할 수 있습니다 : 여기 내 편집 코드는?

jsFiddle

슬라이더 버튼 이동을 해제하면, 슬라이더 버튼을 다시 고정 값 애니메이션 것이다

는

Answer 1

참조 주셔서 감사합니다.

코드 :

$(document).ready(function() { 

    $('#slider').slider({ 
     min: 0, 
     max: 10000, 
     // Values "fast", "normal", "slow", or duration can be used. 
     animate: 1500, 
     step: 1, 
     // Starting value is 500 
     value: 500, 
     animate: true, 
     change: function(){ 
      // This setTimeout will allow the slider to animated correctly. 
      setTimeout("$('#slider').slider('value', 500);", 350); 
     } 
    }); 

    // On page load, animate the slider to this value of 500. 
    $('#slider').slider('value', 500); 

}); 

---

상태 업데이트 : 너무 포스터 대신 다른 특정 요구 사항에 대한 UI 슬라이더의 change: 이벤트의 stop: 이벤트가 필요하지만 시각적 차이가 없습니다 그 때 사용됩니다.