jQuery에서 prepend(). hide(). fadeIn() 너무 부드럽지 않습니까? jQuery에서

Question

은 다음과 같이 부드럽지 않습니까?

$('<a href= ... ><img src= ... /></a>').prependTo($('#someDiv')).hide().fadeIn() 

사실 추가 된 요소를 초 단위로 표시 한 다음 숨기고 그 다음 페이드 인합니까?

그런 다음 애니메이션이 부드럽지 않습니까?

더 좋은 방법이 있습니까?

또는 다음 중 하나입니까?

$('<a style="display:none" href= ... ><img src= ... /></a>').prependTo($('#someDiv')).fadeIn() 

또는

$('<a href= ... ><img src= ... /></a>').hide().prependTo($('#someDiv')).fadeIn() 

업데이트 : 원래

$('#someDiv').prepend('<a href= ><img src /></a>').hide().fadeIn() 

이었다 실제로 #someDiv를 숨어있을 수 있으며, 다음에 퇴색하는?

Answer 1

이

$('<a href= ... ><img src= ... /></a>').hide().prependTo('#someDiv').fadeIn(); 

이 당신이 그것을 추가하기 전에 .hide()를 호출 할 수 있습니다, 그래서 아무 시각 ARTI가 :

이처럼, 그것을 .prependTo()를 사용하여 비트를 다시 정렬 할 수 있습니다 사리.

Answer 2

숨기기과 너무처럼 "느린"매개 변수를 fadeIn :)를 사용에게 테이블 주위에 두 번째 방법을 실행하고 설정처럼 그 페이딩 :

$('#someDiv').prepend('<a style="display:none" href= ><img src /></a>').fadeIn("slow"); 

를 정말 부드럽게해야한다 :

Answer 3

처음에는 페이드 처리 한 다음 앞에 붙이면 표시되지만, 매우 부드럽습니까?

$('#someDiv').fadeOut("fast").prepend('<a style="display:none" href= ><img src /></a>').fadeIn("slow");