Question

我有一个基本的jquery Ui Slider，如下所示，它有一个控制来增加范围

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

并确保您的代码位于$（function（）{}）;

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

我也不确定var s是否等于jquery元素，请尝试替换

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

到

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

jQuery Ui Slider从其他功能添加步骤

1 个答案: