通过PLUS和MINUS符号增加和减少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"）。查看slider documentation以了解所使用的其他方法。

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