Следующий / предыдущий клик jQuery UI

Question

Я пытаюсь добавить следующие / предыдущие кнопки по нажатию кнопки с помощью ползунка пользовательского интерфейса jQuery. Я нашел этот код ...

$("#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

Однако это только изменяет значение ползунка, перемещая ручку ползунка, но фактически не перемещает элемент. Маленькая помощь?

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:]).

Спасибо за тонну!