Я пытаюсь получить значение ползунка, когда значение увеличивается или уменьшается.

$(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");
}
      }
    });
});

Если я сдвигаю ползунок вправо, он должен увеличиваться, а если я сдвигаю ползунок влево, он должен уменьшаться. как я могу сделать это в слайдере?

1
Defyleiti 15 Май 2013 в 07:06
Какова цель valMap
 – 
Arun P Johny
15 Май 2013 в 07:27
Таковы ценности моей камеры. Так как у него 10-кратный оптический зум. 1 - это 1-кратное увеличение, 2-кратное масштабирование и т. Д. Мне просто нужно знать, увеличивается или уменьшается счетчик. Когда я перемещаю ползунок влево, он должен уменьшаться, а если я перемещаю ползунок вправо, он должен увеличиваться.
 – 
Defyleiti
15 Май 2013 в 07:33
 – 
Arun P Johny
15 Май 2013 в 07:35
Я не использую счетчик для этого решения, используется другой подход
 – 
Arun P Johny
15 Май 2013 в 07:35
Отлично, он отлично работает !. Вы можете сформулировать это как ответ, чтобы я принял его?
 – 
Defyleiti
15 Май 2013 в 08:05

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

1
Arun P Johny 15 Май 2013 в 08:06