下一個/上一個單擊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的值，移動滑塊手柄，但實際上並不會滑動元素。 沒有什么幫助？

Answer 1

該代碼可以正常工作，如本工作演示中所示 。 將/ 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"));

}

Answer 2

啊，“變化：”是我所需要的！ 問題是我正在使用滑塊滾動內容，僅更改值將不會滾動內容，而只會移動手柄。 為了確保下一個/上一個作品，我將函數從$（'＃slider'）。slider（{slide：]）重復到$（'＃slider'）。slider（{change：]）中。

萬分感謝！