jQuery UI的滑塊添加來自其他功能

Question

步驟我有一個基本的jQuery UI的滑塊如下它有一個控制，以增加射程

<button id='increase' type="button">+</button> 

<script> 
    var s = $("#slider-vertical").slider({ 
    orientation: "vertical", 
    range: "min", 
    min: 0, 
    max: 200, 
    value: 10, 
    slide: function (event, ui) { 
     $("#result").val(ui.value); 
    } 
}); 

$('#increase').click(function() { 
    var step = 20; 
    s.slider('value', s.slider('value') + s.slider("option", "step")); 
}); 
</script> 

我現在想要做的是什麼，以保持原有的.slider()功能，無需step選項（具有平滑滾動功能），但添加一步到increas按鈕單擊。我將var step = 20;添加到代碼中，但它不會將屬性添加到滑塊！你能讓我知道如何解決這個問題嗎？

更新：

Demo

Answer 1

可以嘗試：

$('#slider-vertical').val(step); 
$('#slider-vertical').slider('refresh'); 

，並確保你的代碼是在$（函數（）{}）;

do you use <input type="range" or <div> ? 

還林不知道該變種s是jQuery的元素，嘗試更換

var s = $("#slider-vertical").slider({ 

到

var s = $("#slider-vertical"); 
s.slider({