Не могу создать цикл на jQuery?

Question

[Артур Арутюнян]

Короче дела обстоят так: мне надо сделать цикл с небольшой задержкой загрузки, у меня есть три заголовка обернутых в Тег span и имеющих класс menuTitle, мне надо раз в какое-то время передавать класс актив на следующий элемент с классом menuTitle, ну и соответственно менять некоторые переменные в нижних блоков

толком ничего не работает я потерял надежду, Джедаи, мне не дают ЗП пока прелоадер не сделаю и это хрень.... а я еще новичок в JS

setTimeout(function(){
	var menuTitle = $('.menuTitle');
		for(var i = 0; i < menuTitle.length; i++){
			if($(menuTitle[i]).hasClass('active')){
				setTimeout(function(){
				$(menuTitle[i]).removeClass('active');
				$('.lines').animateNumber({ number: linesPriceNum[i]}); // счетчик для цифр на главной странице
					if($(window).width() > '767'){
		              $('.f-b-c-title').animate({'padding-left':fbcTitlePadding[i]},500);
		            };
				if(i == (menuTitle.length - 1)){
					$(menuTitle[0]).addClass('active');           
		        };
				$(menuTitle[i]).addClass('active'); 
				},3000);          
			};
		};
	},6000);

нужно чтобы само переключалось меню и двигался внизу текст(это с помощью паддинга сделано) важно что цикл не работает

Comments

[Андрей Малиновский]

Короче, надо нормально оформить вопрос и желательно залить пример на jsfiddle.
...мне надо раз в какое-то время передавать класс актив... - куда передавать, зачем передавать?

[Антон П.]

У вас явно пробелы в понимании JS.
1. Вы не не можете использовать асинхронность "setTimeout" внутри цикла и рассчитывать, на то, что в асинхронной функции будут видны переменные из замыкания. Если вы не знаете что такое замыкание, то читать это.
2. Для доступа в переменной внутри асинхронной функции, переменную нужно передать (привязать) в качестве контекста. Пример, четвертая строчка с конца, и тогда она будет видна в качестве this. Читать тут.

setTimeout(function(){
  var $menuTitle = $('.menuTitle');
    for(var i = 0; i < menuTitle.length; i++){
    	var $activeMenuTitle = $(menuTitle[i]);

      if($activeMenuTitle.hasClass('active')){
        setTimeout(function(){
        	var $activeMenuTitle = this;
        	$(menuTitle[i]).removeClass('active');
       		$('.lines').animateNumber({ number: linesPriceNum[i]}); // счетчик для цифр на главной странице
          if($(window).width() > '767'){
                  $('.f-b-c-title').animate({'padding-left':fbcTitlePadding[i]},500);
                };
        if(i == (menuTitle.length - 1)){
          $(menuTitle[0]).addClass('active');           
            };
        $(menuTitle[i]).addClass('active'); 
        }.bind($activeMenuTitle) ,3000);          
      };
    };
  },6000);

3. Замете, я перед переменными, которые являются объектами jQuery поставил "$". Это негласное правило, которое позволяет сразу определить, что перед вами объект jQuery и к мену можно применять соответствующие методы.
4. Для перебора объектов jQuery нудно использовать .each().

И да, довольно не понятно сформулирован вопрос. Пока что мне кажется, что вы пошли вообще не в то направление.

[Robur]

Автор, не забудьте поделиться вашей зп со всеми кто сделал за вас вашу работу :).

Answer 1

[Mazino]

Честно говоря с большим трудом понял, что тут речь про анимации и эффекты, что хотели по факту все равно не понял. Но с большой вероятностью вам нужно читать это.

upd: и это не будет лишним наверное.