jQuery를 UI 슬라이더

Question

내가 jQuery를 UI에 문제가 한 걸음 앞으로입니다
여기 예이다 : 당신이 슬라이더를 이동하면 http://jsfiddle.net/zFsZV/7/ 가, 블랙 '진행 표시 줄'이동 정확히 같은 (그들은 같은 폭),하지만 당신은 이동할 때 다시 슬라이더, 검은 div 앞으로 한 걸음입니다. 어떻게 든 고칠 수 있습니까? 나는 슬라이더와 같은 수준에 검은 div를 가지고 싶습니다

Answer 1

이 방법은 내가 이것을 얻을 수있는 방법은 .ui-slider-range 너비를 기반으로 위치를 업데이 트하는 자바 스크립트에서 시간 제한을 설정하는 것입니다 볼 수 있습니다.

Check out this fiddle. 당신이 slide 이벤트에 액세스 할 수있는 UI 객체를 검사를 통해

$(document).ready(function() { 

    $('#slider').slider({ 
     range: "min", 
     value: 1, 
     min: 1, 
     max: 10, 
     step: 1, 
     slide: function(event, ui){ 
      console.log(ui); 
      console.log(ui.handle.attributes[2].value); 
      setTimeout(setPosition, 10);    
     } 
    }) 
    $('#slider').slider('value'); 

}); 
function setPosition(){ 
    $('.color').css('width', $('.ui-slider-range').width()); 
} 

은 요소의 위치는 당신이 실제로 직접 올바른 폭/왼쪽 위치를 설정 할 수 없음을 의미하는 사건이 발생 후 항상 설정하는 것 . 내 예제를 보면 시간 초과를 설정하면 올바른 위치가 설정되었음을 의미합니다.