带控制按钮的jQuery UI Slider？

Question

我正在尝试将控制按钮添加到jQuery UI滑块上但无法使其工作.

任何人都可以看到我在这里做错了什么:

$(function() {

    var gmin = 1;
    var gmax = 500;

    $( "#slider" ).slider({
        value:5,
        min: gmin,
        max: gmax,
        step: 1,
        slide: function( event, ui ) {
            $( "#donate_amount_label span" ).html( "£" + ui.value );
        }
    });

    $( "#donate_amount_label span" ).html( "£" + $( "#slider" ).slider( "value" ) );
    $( "#" ).val( $( "#slider" ).slider( "value" ) );

    $('#down').click(function() {

      var s = $("#slider");
      s.slider('value', s.slider('value') + s.slider( "step" ) );   

    });

});

滑块工作正常并且值得到更新,但是当您单击#down链接时,滚动条没有任何反应.我希望在单击#down链接时向上移动一步.

谢谢皮特

Answer 1

你应该做：

\n\n

var s =  $( "#slider" ).slider({\n    value:5,\n    min: gmin,\n    max: gmax,\n    step: 1,\n    slide: function( event, ui ) {\n        $( "#donate_amount_label span" ).html( "\xc2\xa3" + ui.value );\n    }\n});\n\n$(\'#down\').click(function() {\n  s.slider(\'value\', s.slider(\'value\') + s.slider( "option", "step" ) );   \n\n});\n

\n\n

错误在于获取步骤。你必须使用

\n\n

 s.slider( "option", "step" ) \n

\n\n

在这里小提琴http://jsfiddle.net/nrNX8/ （步长为1，它移动得非常慢）

\n