jquery - 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 文档。