2011-11-25 24 views
7

Próbuję dodać przyciski sterujące do suwaka jQuery UI, ale nie mogę go uruchomić.Suwak jQuery UI z przyciskami kontrolnymi?

Czy ktoś może zobaczyć, co robię źle tutaj:

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

    }); 

}); 

Suwak działa poprawnie, a wartości aktualizowane ale po kliknięciu łącza #down nic się nie dzieje do przewijania. Chciałbym, aby przesunął się o jeden krok po kliknięciu linku #down.

Dzięki Pete

Odpowiedz

3

należy zrobić:

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

}); 

błąd był w coraz krok. Musisz użyć

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

skrzypce tutaj http://jsfiddle.net/nrNX8/ (z krokiem co 1 porusza bardzo slooooooowly)

+0

Doskonała! To zadziałało. Dziękuję bardzo Nicola. –

+0

Czy istnieje sposób, aby go zmodyfikować, aby przewijać, jeśli przycisk myszy jest przytrzymany? –

+3

Wygląda na to, że w Twoim przykładzie zdarzenie slide nie uruchamia się za pomocą #down – kuba