Animate.css - 動畫開始順利並且朝向最後碰撞

Question

我有一個SPA，當使用Animate.css加載時，內容區域向左淡入。

這項工作幾乎適用於除了幾個頁面的所有頁面。 這幾個行爲異常的頁面上的動畫開始平滑但在結束時突然完成動畫。

Answer 1

我不知道到底的根本原因是什麼，但在幾頁的問題是加載的頁面（再次Animate.css）的嵌套元素上的動畫。

例如，當我加載頁面「容器」，它有另一個元素使用css動畫時，我會得到上述問題。

<div id="container" class="animated fadeInLeft"> 
    .... 
    ... 
     <div id="nested" class="animated flipInX"> 

當我從嵌套元素取出動畫class="animated flipInX"，容器順利淡入像所有其它頁面。

解決方法針對此問題：

• 通過JavaScript代碼附加動畫類的嵌套元素（S）：

  $("#nested").addClass("animated flipInY");

這個工作在我的情況。