jquery - 一个接一个地运行效果以获得平滑的动画

Question

我有以下代码：

$('#content').fadeOut().html('').queue(function() {});
$('#content').append(jQuery(data).find("#content").clone()).html(); 
$('#content').fadeIn();

我希望这些效果在前一个效果完成后运行，但它们一起发生!!

我尝试使用队列，但没有成功。

Answer 1

您可以使用回调：

$("#content").fadeOut(400, function() {
    $('#content').append(jQuery(data).find("#content").clone()).html();
    $('#content').fadeIn();
})

有关详细信息，请参阅jQuery documentation。