css动画完成后，用jquery淡入页面

Question

我有一个分为两半的屏幕，根据你点击的那一面，他们假设像窗帘一样滑开，然后在另一页淡入。我用css完成了动画，并使用jquery在click事件上添加了相应的类。

我遇到的问题是如何在css动画完成后让新页面淡入？

这是我的jquery：

jQuery(document).ready(function($) {
    $('.container').fadeIn();

    /*-- Splash Screen Settings --*/
    var btn = $('.lang-box a');

    btn.click(function (e) {
    e.preventDefault();
    if($(this).parent().hasClass('lang-eng')) {

    $('.side-left').addClass('slide-left');
    $('.side-right').addClass('slide-right');
    }

    if($(this).parent().hasClass('lang-afr')) {
    $('.side-left').addClass('slide-left');
    $('.side-right').addClass('slide-right');
    }
    });

});

Answer 1

FadeIn函数有一个回调，您可以按如下方式使用：

http://api.jquery.com/fadein/

$(".container").fadeIn({ done: function() { // Fade rest of page in } });