jQuery UI Control deslizante con botones de control?

Question

Estoy tratando de agregar botones de control al control deslizante jQuery UI pero no puedo hacer que funcione.

Puede alguien ver lo que estoy haciendo mal aquí:

$(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")); 

    }); 

}); 

El regulador funciona bien y los valores se actualizan, pero al hacer clic en el enlace #down no pasa nada a la barra de desplazamiento. Me gustaría que subiera un paso cuando se hace clic en el enlace #down.

Gracias Pete

Answer 1

que debe hacer:

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")); 

}); 

el error fue en conseguir el paso. Debe utilizar

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

violín aquí http://jsfiddle.net/nrNX8/ (con un paso a la 1 se mueve muy slooooooowly)