在jQuery中，prepend().hide().fadeIn()不是那么顺利吗？
在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然后将其淡入？
in jQuery, will the following be not so smooth?
$('<a href= ... ><img src= ... /></a>').prependTo($('#someDiv')).hide().fadeIn()
Will it actually shows the added element for a split second, and then hide it, and then fadeIn ?
Then will the animation be not so smooth?
Is there any better method?
Or the following?
$('<a style="display:none" href= ... ><img src= ... /></a>').prependTo($('#someDiv')).fadeIn()
or
$('<a href= ... ><img src= ... /></a>').hide().prependTo($('#someDiv')).fadeIn()
Update: the original was
$('#someDiv').prepend('<a href= ><img src /></a>').hide().fadeIn()
which actually may be hiding the #someDiv and then fading it in?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您可以使用
.prependTo()重新排列它，如下所示：这允许您在添加之前调用
.hide()，所以不需要视觉伪影。You can rearrange it a bit using
.prependTo(), like this:This allows you to call
.hide()before adding it, so no visual artifacts.隐藏和淡入淡出就像在桌子上跑:) 使用第二种方法并使用“慢”参数设置 fadeIn，如下所示：
并且应该非常平滑:)
Hiding and the fading its like running around the table :) Use the second method and set fadeIn with a "slow" parameter, like so:
And should be really smooth :)
先淡出它，然后在前面加上它，然后才显示它，怎么样，很顺利吧？
How about fading it first and then prepending it and only showing it then, quite smooth right?