jquery - 通过加号和减号增加和减少 UI 滑块值

Question

我正在尝试通过单击位于 ui 滑块旁边的 + 和 - 符号来更改滑块的值，如下所示：

http://jsfiddle.net/Behseini/NCNA7/50

我试图添加这样的功能

$(.PLUS).click(function(){
slide: function(event, ui) {
var currentVal = ui.value;
currentVal + 1;}
});

但它没有用！你能告诉我如何解决这个问题吗？提前感谢您的时间

Answer 1

怎么样：

$(".PLUS").click(function() {
    var value = $("#slider").slider("value")
        , step = $("#slider").slider("option", "step");

    $("#slider").slider("value", value + step);
});

$(".MINUS").click(function () {
    var value = $("#slider").slider("value")
        , step = $("#slider").slider("option", "step");

    $("#slider").slider("value", value - step);        
});

始终确保引用您的选择器 ( ".PLUS")。查看滑块文档以了解使用的其他方法。

更新示例：http: //jsfiddle.net/QYuWQ/