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
                      });

将animate和load与jQuery结合起来

1 个答案: