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的值，移动滑块手柄，但它实际上不会滑动元素。帮助不大？

Answer 1

此代码正常运行，如 Working Demo 所示。将 / edit 添加到网址以查看代码并使用演示。

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

}

Answer 2

啊，'变化：'是我需要的！问题是我使用滑块滚动内容并且单独更改值不会滚动内容，它只会移动句柄。为了确保下一个/上一个工作，我将函数从$（'＃slider'）。slider（{slide：]）重复到$（'＃slider'）。slider（{change：]）。

非常感谢！

下一个/上一个单击jQuery UI

2 个答案: