[jQuery] Metoda, która nic nie robi Opcje

[SmokAnalog]

Witajcie,

czy w jQuery istnieje metoda, która nic nie robi? Śpieszę wyjaśnić o co mi chodzi. Lubię korzystać z mechanizmu łańcuchowania i chciałbym zachować kontekst elementu nawet w sytuacji, kiedy dana metoda może (ale nie musi) być wykonana. Chodzi mi konkretnie o taką sytuację:

[JAVASCRIPT] pobierz, plaintext 
$("#element")
	.attr("id", "identyfikator")
	.addClass("element")
	[warunek ? "hide" : "nicNieRob"]()
	.appendTo("body")
	[warunek ? "fadeIn" : "nicNieRob"]();
[JAVASCRIPT] pobierz, plaintext 

Dodaję element do body i w zależności od warunku animacja się odbywa lub nie. Dla pewności, że element nie pojawi się przed płynnym pojawieniem się, ukrywam go. Zamierzony efekt mogę oczywiście łatwo osiągnąć rozbijając kod na cztery części, jednak interesuje mnie bardziej eleganckie rozwiązanie. Co myślicie w ogóle o takiej składni?

[Crozin]

Czy taka kolejność wykonywania: ukrycie - dodanie do DOM - fadeIn, jest jedyną w tym przypadku zalecaną kolejnością? Czy wywołanie najpierw fadeIn, a potem append może spowodować efekt pojawienia się elementu, gdy ten jest w trakcie animacji?

Tak i tak. Wyświetlanie elementu w oknie przeglądarki i działanie JS są realizowane w osobnych wątkach dlatego należy pilnować się w kolejności kodu. Innymi słowy, przeglądarka może rozpocząć renderowanie fragmentu strony nim zdążą wykonać się wszystkie Twoje operacje w JS.

[JAVASCRIPT] pobierz, plaintext 
$("<p>test</p>").hide().appendTo("body").fadeIn(); // zagwarantuje dodanie ukrytego elementu do DOMu i jego rozwinięcie
$("<p>test</p>").appendTo("body").hide().fadeIn(); // może skutkować "mignięciem" elementu na ekranie przed jego ukryciem i ponownym rozwinięciem
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował Crozin 15.03.2013, 20:17:28