javascript - jquery ui slider 滑动后比较值

Question

我试图在值上升或下降时获取 slider 的值。

$(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 向右滑动，它应该增加，如果我将 slider 向左滑动，它应该减少。我怎样才能在 slider 中做到这一点？

Answer 1

尝试类似的事情

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;
        }
    });


});

演示:Plunker