Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как отследить изменение числового значения переменной? (https://javascript.ru/forum/dom-window/74674-kak-otsledit-izmenenie-chislovogo-znacheniya-peremennojj.html)

Aleksanderj 30.07.2018 04:37

Как отследить изменение числового значения переменной?
 
Доброе утро всем.
Имеется переменная, которая постоянно меняет свое числовое значение, то в большую сторону, то в меньшую.
Подскажите как при помощи jquery отследить в какую сторону изменяется значение исходя от последней точки остановки?
Т.е. мне надо добавить один class, если значение увеличилось и другой class, если значение уменьшилось.

j0hnik 30.07.2018 05:26

она вообще своей жизнью живет? или какой то обработчик участвует?

если своей жизнью.
var b;
setInterval(function (){
	var a = Math.random();
	console.log(a>b?'увеличилось':'уменьшилось');
	b = a;
},1000)

Aleksanderj 30.07.2018 05:37

Цитата:

Сообщение от j0hnik (Сообщение 491338)
она вообще своей жизнью живет? или какой то обработчик участвует?

если своей жизнью.

Обработчик. Имеется slick слайдер и линия, которая движется относительно css left при смене слайдов. В зависимости от слайда линия имеет свою позицию, если первый слайд то левее, второй правее и тд. Вот и надо узнать куда движется линия, если вправо, т.е. left увеличивается, то родителю добавить один class, если влево, то другой.
function setWidth() {
	var originalAddClassMethod = jQuery.fn.addClass;    
	$.fn.addClass = function(){
    var result = originalAddClassMethod.apply(this, arguments);
    $(this).trigger('cssClassChanged');
      return result;
    }
	 var $real_width = $('.slick-dots .slick-active').width();
	 var $parentoffset = $('.slick-dots .slick-active').offset().left;		
		
	 $(".dot-border").css({width: $real_width + 'px', left: $parentoffset + 'px' });
	 
	
	} 		
	setWidth(); 
	$(window).resize( setWidth );	
	$(".slick-dots").on('cssClassChanged', function(){ 
		setWidth();
				
	});

j0hnik 30.07.2018 05:51

отслеживайте индекс класса slick-center.

Aleksanderj 30.07.2018 05:59

Цитата:

Сообщение от j0hnik (Сообщение 491340)
отслеживайте индекс класса slick-center.

Не подскажите как?

j0hnik 30.07.2018 15:41

$('.slick-center').index();

а дальше пост номер 2


Часовой пояс GMT +3, время: 01:45.