我一直在谷歌上搜索,并尽我最大的努力来延迟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来延迟追加,但没有效果。
发布于 2011-06-01 08:08:53
试试这个:
myObject.fadeOut(300, function() { $(this).appendTo('#newDiv ul').fadeIn(300) });
通过在淡入淡出的回调中执行"appendTo“,您可以等待淡出完成。据我所知,所有的jQuery动画效果都是这样回调的。
https://stackoverflow.com/questions/6194910
复制相似问题