Question

基本上，我使用$.get()函数从网站检索数据。收到数据后，它应该下载现有内容并向下滑动新内容。

这是我的代码：

$.get(url, so, function (data) {
    if (data.length>0)
    {
        $("#center_content_box").slideToggle(2000).empty().html(data).slideToggle(2000);
    }
});

问题是如果显示新内容，则会发生效果。单击链接时，我希望效果类似于http://www.elegantthemes.com/preview/BusinessCard/。内容幻灯片淡出并滑落然后再次淡出。

Answer 1

您可以使用动画完成处理程序来测试动画何时完成

$("#item").slideDown('slow', function(){
                                   $("#item").html("Set content here after effect is done");
                             });

晒。

Answer 2

您可以使用动画完成处理程序将数据设置为div。

$.get(url, so, function (data) {
            if (data.length>0)
                {
                $("#center_content_box").slideToggle(2000,function(){
                     $("#center_content_box").empty().html(data).slideToggle(2000);
                });
}
});

请访问Example

jQuery slideDown（）和slideUp（）效果问题

2 个答案: