jQuery UI Slider绝对位置

时间:2012-11-19 23:01:54

标签: 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属性。

任何人都可以帮助我吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

您在寻找动画属性吗?

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