Нубский вопрос по jQuery

[Temik2704]

Приветствую!
Решил ради интереса написать что-нибудь на jQuery)
Простая функция при которой у параграфа par1 изменяются координаты,а в середине функции по идее параграф должен получить название Anything.
Но при запуске функции параграф почему-то сразу меняет название(((
Несмотря на то что я использую Function Expression (т.е. которая начинает работать только после того как интерпретатор дойдет до ее строки в коде.)

http://jsfiddle.net/EXVW7/2/
 

Сразу меняет название если вызывать ChangeText()

ничего не меняет если вызвать ChangeText

Edited April 14, 2014 by Temik2704

[iKNG]

Насколько я знаю, animate начинает анимацию и тут же переходит к следующей команде, не дожидаясь окончания прошлой. Но при том анимации идут последовательно, то есть все следующие animate ставят свою анимацию в "очередь анимаций" и опять же сразу переходят к следующим командам. Таким образом, весь код исполняется на самом деле почти моментально (поэтому кажется, что текст меняется сразу), но эта "очередь" продолжает действие после исполнения кода. Так что только если так.

[Yazon_Nile]

JS - однопоточный язык.

Animate - это  тот же Timeout. Соотв вызывая ChangeText ты вызываешь его практически сразу, потому что анимация работает по таимаутам, которые ставятся в поток ПОСЛЕ твоего ChangeText

 

Но. Если анимировать те же свойства у того же элемента - анимации ставяться в очередь (которую можно регулировать).
Чтобы поменять текст после нужной анимации - запусти функцию ChangeText в callbaсk нужной анимации.
 

Сразу меняет название если вызывать ChangeText()

ничего не меняет если вызвать ChangeText

ChangeText() - вызов функции

ChangeText - просто конструкция, что возвращает переменную. Т.е твою функцию. Но не вызывает её

Edited April 15, 2014 by Yazon_Nile

[Switch74]

если вы хотите, чтобы ChangeText; выполнялась после $("p").animate({top:y(),left:x()},300);

попробуйте сделать так $("p").animate({top:y(),left:x()},300,ChangeText);

 

еще можно писать так для экономии места:

$("p").animate({fontSize:26},500).animate({top:y(),left:x()},300).animate({top:y(),left:x()},300);

если анимация animate({top:y(),left:x()},300) будет повторяться n раз, можно сделать цикл

Edited April 18, 2014 by Switch74