带控制按钮的jQuery UI滑块？

我试图将控制按钮添加到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链接时向上移动一步。

谢谢皮特

---

你应该做：

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

$('#down').click(function() {
  s.slider('value', s.slider('value') + s.slider( "option", "step" ) );   

});

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

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

这里摆弄http://jsfiddle.net/nrNX8/（步骤1它移动非常slooooooowly）

链接地址: http://www.djcxy.com/p/10059.html

上一篇: jQuery UI Slider with control buttons?

下一篇: Does File.Copy prevent another app from writing to the file?