javascript - 下一个/上一个单击 jQuery UI

Question

我正在尝试使用 jQuery UI slider 在按钮单击上添加下一个/上一个按钮。我找到了这段代码...

$("#down").click(function() {
  var s = $("#slider"), val = s.slider("value"), step = s.slider("option", "step");
  s.slider("value", val - step);
});

$("#up").click(function() {
  var s = $("#slider"), val = s.slider("value"), step = s.slider("option", "step");
  s.slider("value", val + step);
});

这里:http://osdir.com/ml/jquery-ui/2009-03/msg00617.html

但是，这只会更改 slider 的值，移动 slider handle ，但实际上并不会滑动元素。帮助不大？

Answer 1

代码工作正常，如 Working Demo 所示。 。将 /edit 添加到 URL 以查看代码并试用演示。

$(function() {

    $('#slider').slider({ change: alertValue });

    $("#down").click(function() {
      var s = $("#slider"), val = s.slider("value"), step = s.slider("option", "step");
      s.slider("value", val - step);
    });
    $("#up").click(function() {
      var s = $("#slider"), val = s.slider("value"), step = s.slider("option", "step");
      s.slider("value", val + step);
    });

});

function alertValue() {

alert("The value is : " + $("#slider").slider("value"));

}