Question

这是一个常见问题，概述为here和here，但我无法找到解决方法。

我有一个容器（#a），我将外部文件加载到。首先使用slideUp函数隐藏当前内容，然后加载新内容，最后使用slideDown显示容器。但是动画是跳跃的，因为当它滑动时它会计算前一个内容的高度。如何让它计算出新内容的高度呢？

你可以看到the problem in action here（单击左栏中三个第一个链接中的一个），这里是jQuery：

$('.kolonne a').click(function() {

    var url = $(this).attr('rel');
        $('#a').slideUp(function() {
        $(this).load(url); 
    }); 

    $('#a').slideDown();

});

Answer 1

我的猜测是你需要在加载内容后才能制作slideDown，尝试这样的回调：

$('.kolonne a').click(function() {

    var url = $(this).attr('rel');
        $('#a').slideUp(function() {
        $(this).load(url, function() {
           //done
           $('#a').slideDown();
        });
    }); 
});

jQuery：slideUp后的slideDown跳跃 - 高度问题？

1 个答案: