0

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()

更新：オリジナルは

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

実際に隠して#someDivからフェードインするのはどれですか？

4

3 に答える 3

5

.prependTo()次のように、を使用して少し並べ替えることができます。

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

これにより、追加する前に呼び出すことができる.hide()ため、視覚的なアーティファクトはありません。

于 2010-06-19T00:51:15.610 に答える
0

最初にフェードアウトしてから先頭に追加し、それからのみ表示するのはどうですか?非常にスムーズですよね?

$('#someDiv').fadeOut("fast").prepend('<a style="display:none" href= ><img src  /></a>').fadeIn("slow");
于 2010-06-19T01:09:08.600 に答える
0

非表示とフェードは、テーブルの周りを走っているようなものです:) 2番目の方法を使用し、次のように「遅い」パラメータでfadeInを設定します。

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

そして、本当にスムーズになるはずです:)

于 2010-06-19T00:47:25.470 に答える