Я пытаюсь получить значение ползунка, когда значение увеличивается или уменьшается.
$(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
Попробуйте plnkr.co/edit/eBJGVzwYzboEFlL1jLZK?p=preview
– 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
Похожие вопросы
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript/JS) и его различных диалектах/реализациях (кроме ActionScript). Имейте в виду, что JavaScript — это НЕ то же самое, что Java! Включите все ярлыки, относящиеся к вашему вопросу; например, [node.js], [jQuery], [JSON], [ReactJS], [angular], [ember.js], [vue.js], [typescript], [svelte] и т. д.