在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

隐藏和在桌子周围运行的褪色:)使用第二种方法并使用“慢”参数设置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");