如何动画jquery ajax结果而不是它跳入

Question

我有一个栏，当你点击它时，它向下滑动并显示一个微调器，然后ajax调用被触发，结果取代微调器以显示它已完成。

我遇到的问题是数据比微调器高，所以它向下滑动并显示微调器，但随后跳下并显示ajax结果。

如何为ajax设置动画？

if(clicked_elem_lev == anslev){
    // Kick off ajax request for level information
    $.ajax({
        url:  base_url + "ajax/return_level_info/" + ccode + "/" + clicked_rec_id,
        cache: false
        }).done(function( html ) {
        $("#childof_" + anslevel + "_" + clicked_rec_id).replaceWith(html);
    });
}

其他代码都是动态的，所以如果难以展示，那就是幻灯片JS

$('#' + targ_elem_id).slideDown(slidetime);

Answer 1

您可以使用slideDown()方法或animate引用：

http://api.jquery.com/slideDown/

http://www.w3schools.com/jquery/eff_slidedown.asp

http://www.w3schools.com/jquery/jquery_animate.asp

http://api.jquery.com/animate/