Javascript jquery ui滑块在滑动后比较值

当值上升或下降时，我试图得到滑块的值

$(document).ready(function() {
    var valMap = [1,2,3,4,5,6,7,8,9,10]; 
    var counter = null;
    var slider = $( "#slider" ).slider({
      disabled: false,
      animate: true,
      min: 0,
      max: valMap.length-1,
      values: [0],
      slide: function( event, ui ) {
        $( "#zomlevel" ).val(valMap[ui.values[0]] + "x");
        slider.slider("option", "animate", "slow");
        counter++;
        if(counter increments){
alert("COUNTER INCREMENTS");
}
if(counter decrement){
alert("COUNTER DECREMENTS");
}
      }
    });
});

如果我向右滑动滑块，它应该增加；如果我向左滑动滑块，它应该减少。如何在slider中执行此操作？

请尝试类似的操作

jQuery(function($){

    var valMap = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
    var counter = null, value= 0;
    var slider = $("#slider").slider({
        disabled : false,
        animate : true,
        min : 0,
        max : valMap.length - 1,
        slide : function(event, ui) {
            //$("#zomlevel").val(valMap[ui.values[0]] + "x");
            slider.slider("option", "animate", "slow");
            counter++;

        },
        change: function(){
            var val = $(this).slider('value');

            console.log(val, value)
            if(value < val) {
              console.log('incremented')
            } else if(value > val){
              console.log('decremented')
            }
            value = val;
        }
    });


});

jQuery（函数（$）{
var valMap=[1,2,3,4,5,6,7,8,9,10]；
var计数器=null，值=0；
变量滑块=$（“#滑块”）。滑块({
残疾人士:错,，
动画：对，
分:0,，
最大值：valMap.length-1，
幻灯片：功能（事件、用户界面）{
//$（“#zomlevel”）.val（valMap[ui.values[0]]+“x”）；
滑块（“选项”、“动画”、“慢”）；
计数器++；
},
更改：函数（）{
var val=$（this.slider（'value'）；
console.log（val，value）
if（值值）{
console.log（'递减'）
}
值=val；
}
});
});

演示：

尝试以下内容

jQuery(function($){

    var valMap = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
    var counter = null, value= 0;
    var slider = $("#slider").slider({
        disabled : false,
        animate : true,
        min : 0,
        max : valMap.length - 1,
        slide : function(event, ui) {
            //$("#zomlevel").val(valMap[ui.values[0]] + "x");
            slider.slider("option", "animate", "slow");
            counter++;

        },
        change: function(){
            var val = $(this).slider('value');

            console.log(val, value)
            if(value < val) {
              console.log('incremented')
            } else if(value > val){
              console.log('decremented')
            }
            value = val;
        }
    });


});

jQuery（函数（$）{
var valMap=[1,2,3,4,5,6,7,8,9,10]；
var计数器=null，值=0；
变量滑块=$（“#滑块”）。滑块({
残疾人士:错,，
动画：对，
分:0,，
最大值：valMap.length-1，
幻灯片：功能（事件、用户界面）{
//$（“#zomlevel”）.val（valMap[ui.values[0]]+“x”）；
滑块（“选项”、“动画”、“慢”）；
计数器++；
},
更改：函数（）{
var val=$（this.slider（'value'）；
console.log（val，value）
if（值值）{
console.log（'递减'）
}
值=val；
}
});
});

---

演示：

Valmap的用途是什么？这些是我相机的值。因为它有10倍光学变焦。1是1x变焦2x变焦等。我只需要知道计数器是递增还是递减。当我将滑块向左移动时，它应该减小，如果我将滑块向右移动，它应该增大。尝试一下，我没有使用计数器来解决此问题。使用不同的方法来完善它，效果很好！。你能把它作为答案让我接受吗？Valmap的目的是什么？这些是我相机的价值观。因为它有10倍光学变焦。1是1x变焦2x变焦等。我只需要知道计数器是递增还是递减。当我将滑块向左移动时，它应该减小，如果我将滑块向右移动，它应该增大。尝试一下，我没有使用计数器来解决此问题。使用不同的方法来完善它，效果很好！。你能把它作为答案，这样我就可以接受了吗？