使用jQuery Slider - 职位

时间:2009-04-13 18:36:37

标签: jquery slider

我一直在使用滑块,并使用以下代码:

    $(function(){
        $('#slider').slider({
            animate: true,
            step: 1,
            min: 0,
            max: 10,
            orientation: 'vertical',
            start: function(event, ui){
                $('#current_value').empty();
                $('#current_value').fadeIn().append('Value is ' + ui.value);
            },
            change: function(event, ui){
                alert();
                //$('#current_value').empty();
            }

        });
    });

我试图在顶部获取它的值为10,底部的值为1和步骤1.这看起来是否正确?

我遇到的另一个问题是当你从一个位置移动到另一个位置时,我希望它显示它停在的位置(当前)。

因此,如果它是4并且你点击7,当你停止附加到DIV我尝试改变并停止,但它不是这样的行为。这是错误的位置价值。

链接http://www.ryancoughlin.com/demos/interactive-slider/index.html 如果您使用键盘并转到底部,我的目标是让它从1到10逐步增加

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

用SLIDE替换你的CHANGE事件......我刚才问过similar question

你可能也想添加STOP事件......将你的逻辑从START移到SLIDE和STOP