컨트롤 버튼이있는 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 링크를 클릭하면 한 단계 위로 올라가고 싶습니다.

감사 피트

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/