jquery ui slider滑動後比較值

我試圖獲取滑動值的值，當值上升或下降。jquery ui 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"); 
} 
     } 
    }); 
});

如果我滑動滑塊到右邊它應該增加，如果我滑動滑塊到左邊它應該減少。我怎樣才能做到這一點在滑塊？

來源

2013-05-15 Defyleiti

是什麼valMap –

這些的目的都是我的相機的值。由於它具有10倍光學變焦。 1是1倍變焦2倍變焦等。我只需要知道計數器是增加還是減少。當我將滑塊向左移動時，它應該減少，如果我將滑塊向右移動，它應該增加。 – Defyleiti

請嘗試http://plnkr.co/edit/eBJGVzwYzboEFlL1jLZK?p=preview –

嘗試像

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

來源

2013-05-15 04:06:35

jquery ui slider滑動後比較值

回答

相關問題