Javascript 下一步/上一步单击jQuery UI

我正在尝试使用jQueryUI滑块在按钮单击上添加下一个/上一个按钮。我找到了这个密码

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

在这里：

---

但是，这只会更改滑块的值，移动滑块控制柄，但实际上不会滑动元素。没有什么帮助？

代码工作正常，如本所示。将/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"));

}

---

代码工作正常，如本所示。将/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"));

}

---

啊，“改变”是我所需要的！问题是我正在使用滑块滚动内容，仅更改值不会滚动内容，它只会移动手柄。为了确保下一个/上一个工作，我将函数从$（'#slider'）.slider（{slide:]）重复到$（'#slider'）.slider（{change:]）

---

非常感谢！

啊，我需要的是“更改：”！问题是我正在使用滑块滚动内容，仅更改值不会滚动内容，它只会移动句柄。为了确保下一个/上一个工作，我重复了从$（'#slider'）.slider（{slide:]）到$（'#slider'）.slider（{change:]）的函数

---

非常感谢！

没问题，很乐意帮助：）请您帮助网站保持正常运行，并将我的答案标记为已接受（单击我答案上投票计数器下方的勾号）。此外，避免将回复作为“答案”发布，并使用特定答案下方的评论（如果您有足够的声誉这样做的话）或者编辑您的问题以提供反馈。谢谢！我很抱歉，我不认为我可以接受答案，因为我以前没有注册。我刚刚注册，有没有办法让答案被接受？如果注册正确，您应该有问题（在您未注册时问）与您的注册帐户关联。如果您这样做，只需登录并单击答案旁边的已接受勾号。如果您不这样做，没有问题：）查看常见问题解答以了解更多有关如何工作的信息-哦，快乐编程：）没问题，很乐意帮助：）请您帮助该网站继续运行，并将我的答案标记为已接受（点击我答案上投票计数器下方的勾号）。此外，避免将回复作为“答案”发布，并使用特定答案下方的评论（如果您有足够的声誉这样做）或者编辑您的问题以提供反馈。谢谢！我很抱歉，我不认为我可以接受答案，因为我以前没有注册。我刚刚注册，有没有办法让答案被接受？如果注册正确，您应该有问题（在您未注册时问）与您的注册帐户关联。如果您这样做，只需登录并单击答案旁边已接受的勾号即可。如果您不这样做，则没有问题：）查看常见问题解答，了解有关如何工作的更多信息--“哦，快乐编程：）