В jQuery есть preend(). Hide(). FadeIn() не так гладко?

Question

в jQuery, будет ли следующее не так гладко?

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

Будет ли он на самом деле показывать добавленный элемент на долю секунды, а затем скрыть его, а затем fadeIn?

Будет ли анимация не такой гладкой?

Есть ли лучший способ?

Или следующее?

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

или

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

Update: оригинал был

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

, который на самом деле может скрываться за #someDiv, а затем угасание его?

Answer 1

вы можете изменить его немного, используя .prependTo(), как это:

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

Это позволяет вызывать .hide(), прежде чем добавить, так что нет визуального Арти факты.

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");