javascript - .load() 动画与外部网页？

Question

这基本上是我想做的:

我想用我的内容 slideUp() 一个 div。我想在那个 div 和 .slideDown() 中加载一个外部网页(在同一台服务器上)。

现在这是我所拥有的:

$(document).ready(function() {  
   $('a').click(function(){  
   $('.content').slideUp('1000');
   $('.content').hide().load('about.html');
   $(".content").slideDown('1000');
   });  
});

基本上这就是我得到的:div .content 隐藏自身，加载 about.html 页面，然后出现。但没有 slideUps 或 slideDowns。

有人有想法吗？

抱歉，如果这是一个菜鸟问题，这是我第一次尝试 js/jquery。

提前致谢。

Answer 1

那是因为那些是异步操作。您必须在回调中继续执行:

$('a').click(function(){  
   $('.content').slideUp('1000', function() {
     this.hide().load('about.html', function() {
       this.slideDown('1000');
     });
   });
});