jquery - 在 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

隐藏和淡出就像在桌子周围跑来跑去 :) 使用第二种方法并使用“slow”参数设置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");