javascript - 将 animate 和 load 与 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
                      });