jQuery UI Slider với các nút điều khiển?

Question

Tôi đang cố gắng thêm các nút điều khiển vào thanh trượt jQuery UI nhưng không thể làm cho nó hoạt động.

bất cứ ai có thể xem những gì im làm sai ở đây:

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

    }); 

}); 

Thanh trượt hoạt động tốt và các giá trị được cập nhật nhưng khi bạn nhấp vào liên kết #down gì xảy ra với thanh cuộn. Tôi muốn nó di chuyển lên một bước khi liên kết #down được nhấp.

Cảm ơn Pete

Answer 1

Bạn nên làm:

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ỗi là trong việc có được bước. Bạn phải sử dụng

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

fiddle đây http://jsfiddle.net/nrNX8/ (với bước 1 nó di chuyển rất slooooooowly)