使用 jQuery 结合动画和加载

Question

我正在尝试滑出div，完成后，使用.load 请求淡入内容。

我不确定为什么这是不正确的，但这会停止动画并完全加载：

$('.films').click(function(){
    $('.content-home').animate({left: "+=150%"}, "slow", function(){
        $( ".wrapper" ).load( "films.php", function(){
                 $(this).fadeIn();
        });
    });
});

但是，通过恢复到此代码，它仍然会加载没有任何动画或淡入淡出的内容：

$('.films').click(function(){
    $('.content-home').animate({left: "+=150%"}, "slow");
        $( ".wrapper" ).load( "films.php");
});

有人知道为什么第一个示例没有按要求执行吗？

Answer 1

将其用于 animate()

 $( 'content-home' ).animate({ opacity: 0.25, left: "+=50",height: "toggle"}, 
                      5000, 
                      "slow",
                      function() { 
                         // your remaining code
                      });