コントロールボタン付きjQuery UIスライダ？

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リンクをクリックすると、1ステップ上に移動したいと思います。

あなたが何をすべきおかげ ピート

Answer 1

：

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/