2012-11-19 4 views
0

jQuery UI의 슬라이더 위치에 대한 질문이 있습니다.jQuery UI 슬라이더 절대 위치

슬라이더의 절대 위치를 설정하려고합니다. 그래서 내가 가진 것은 이것이다 :

<div id='scrollbar_x_wrapper' > 
    <div id='scrollbar_x'></div> 
</div> 

및 그러나

$('#scrollbar_x_wrapper').css({ 
    "position": 'absolute', 
    "left": 100 + "px", 
    "top": 100 + "px", 
    'width': (chart_width * 0.85 - 15) + 'px' 
}) 

scroll_x = $('#scrollbar_x').slider({ 
    value: 0 
    min: 0, 
    max: 5 
    step: 1, 

    slide: function(event, ui) { 
     redraw(); 
    } 
}); 

를, 내가 슬라이더의 트랙을 클릭하면 보인다, 슬라이더가 응답하지 않습니다,하지만 난 엄지 손가락을 클릭하면 만 응답 .

왼쪽 및 위쪽 스타일 특성을 제거하면 완벽하게 작동합니다. 왼쪽 및 위쪽 특성을 사용하여 슬라이더를 올바르게 배치해야하므로 왼쪽 및 위쪽 특성을 사용해야합니다.

아무도 도와 줄 수 있습니까?

감사합니다.

답변

0

animate 속성을 찾으십니까?

$(".SliderDiv").slider(
    { min: 0, 
     max: 16, 
     step: .25, 
     slide: SliderSlide, 
     animate: true 
    }); 
+0

정확하게는 아닙니다. 왼쪽 및 위쪽 스타일 속성을 설정하면 트랙을 클릭해도 슬라이더 막대가 움직이지 않습니다. 비록 제가 엄지를 클릭 할 때만 작동합니다. – user1700928

+0

나는 슬라이드를 꺼냈다 : 다시 그리기 기능 (나는 가지고 있지 않았으므로)이 효과가 있었다. –

+0

BTW, 옵션 사이에 쉼표가 누락되었습니다 (값, 최대) –