1

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

    $(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 为增量从 1 步进到 10

有什么想法吗?

4

1 回答 1

2

用 SLIDE 替换你的 CHANGE 事件......我前段时间问过类似的问题。

您可能还想添加 STOP 事件...将您的逻辑从 START 移动到 SLIDE 和 STOP

于 2009-04-13T18:46:58.197 回答