jquery：我怎样才能阻止appendTo即刻发生？

Question

我一直在Google上搜索并试图让我的生活延迟appendTo的发生，所以我可以先做一个很好的淡出。在这里，myObject的是一个链接：

<a href="#">My Link</a> 

而且我想将其移动到一个无序列表：

<div id="newDiv"> 
<ul> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
</ul> 
</div> 

通过做这样的事情：

myObject.fadeOut(300).appendTo('#newDiv ul').fadeIn(300); 
myObject.wrap('<li></li>'); 

我知道appendTo不是一个动画对象，所以它只是瞬间发生。所以我试图把追加作为fadeOut的回调：

myObject.fadeOut(300, myObject.appendTo('#newDiv')).fadeIn(300); 
myObject.wrap('<li></li>'); 

只有现在它不仅立即发生，包装不再起作用。我也尝试使用setTimeout来延迟追加无济于事。

Answer 1

试试这个：

myObject.fadeOut(300, function() { $(this).appendTo('#newDiv ul').fadeIn(300) }); 

通过从淡出回调做“appendTo”，你可以等到淡出完成。所有（据我所知）的jQuery动画效果采取这样的回调。