2012-11-19 114 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(); 
    } 
}); 

但是,如果我点击滑块的轨迹看来,滑块不响应,但如果我点击拇指只响应。

当我删除左边和顶部样式属性,它工作得很好。我需要使用left和top属性来正确定位滑块,因此我必须使用left和top属性。

任何人都可以帮我吗?

谢谢!

回答

0

您是否在寻找动画属性?

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

不完全是。当我设置left和top style属性时,当我点击轨道时,滑块不会移动。它只适用于我点击拇指。 – user1700928

+0

我拿出你的幻灯片:重绘功能(因为我没有它),它的工作。 –

+0

顺便说一句,你错过了你的选项之间的逗号(值,最大值) –