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({