jQuery Slider UI con pulsanti di controllo?

Question

Sto cercando di aggiungere pulsanti di controllo al cursore dell'interfaccia utente jQuery ma non riesco a farlo funzionare.

chiunque può vedere quello che sto facendo di sbagliato qui:

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

    }); 

}); 

Il cursore funziona bene ed i valori si aggiorna, ma quando si fa clic sul collegamento #down non succede nulla per la barra di scorrimento. Mi piacerebbe che salisse di un gradino quando si fa clic sul collegamento #down.

Grazie Pete

Answer 1

si dovrebbe fare:

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

}); 

l'errore è stato a ottenere il passaggio. È necessario utilizzare

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

violino qui http://jsfiddle.net/nrNX8/ (con un passo alla 1 si muove molto slooooooowly)