jQuery 使用 append 效果

Question

如何将 .append() 与 show('slow') 等效果一起使用

对 append 产生影响似乎根本不起作用，它给出与普通 show() 相同的结果。没有过渡，没有动画。

如何将一个 div append 到另一个 div，并对其产生 slideDown 或 show('slow') 效果？

Answer 1

对 append 产生影响将不起作用，因为浏览器显示的内容会在 div 被 append 后立即更新。因此，结合 Mark B 和 Steerpike 的回答:

在实际追加之前，将要追加的 div 设置为隐藏。您可以使用内联或外部 CSS 脚本来完成，或者只是将 div 创建为

<div id="new_div" style="display: none;"> ... </div>

然后您可以将效果链接到您的追加(demo):

$('#new_div').appendTo('#original_div').show('slow');

或者(demo):

var $new = $('#new_div');
$('#original_div').append($new);
$new.show('slow');