jQueryでは、prepend（）。hide（）。fadein（）はそれほど滑らかではありませんか？

Question

JQueryでは、次のものはそれほどスムーズではありませんか？

$('<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

使用することで少し並べ替えることができます .prependTo(), 、 このような：

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

これにより、電話をかけることができます .hide() それを追加する前に、視覚的アーティファクトはありません。

Answer 2

隠れて、フェードテーブルの周りを走るようなものです:) 2番目の方法を使用して、「遅い」パラメーターでフェデインを設定します。

$('#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");