jquery - 在外部内容加载到元素后，如何让 jQuery 平滑地为元素设置动画？

Question

我尝试了以下代码示例的不同变体：

$(document).ready(function(){
   $('#demo').hide();
   $("button").click(function(){
      $("#demo").load("demo.php").show('medium');
   });
});

...但是动画“跳跃”，并且不流畅。就像show()函数假设隐藏#demo元素比加载新的外部信息时要小一样。元素中没有任何内容，#demo直到load()将其放在那里，因此它开始时比将外部内容加载到其中后要小。

我怎样才能使show()“理解”#demo实际上更大，其中加载的内容更大，所以它在激活时动画流畅？

Answer 1

尝试在.load()中使用完整的回调函数

$(document).ready(function(){

    var demo = $('#demo');

    demo.hide();
    $("button").click(function(){
        demo.load('demo.php', function() {
            demo.show('medium');
        });
    });
});

Answer 2

$("#demo").load("demo.php",function() {
    $("#demo").show('medium')
});

页面正在加载，而动画以“中等”速度显示容器。在 load 的回调中使用 show 函数。

。显示（）