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

的淡入功能已經可以直接使用回調如下：

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

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