帶控制按鈕的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鏈接時向上移動一步。

感謝 皮特

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/（以1它的動作非常slooooooowly一個步驟）