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

Question

我试图通过单击 ui slider 旁边的 + 和 - 符号来更改 slider 的值，如下所示:

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/