Jquery，繼續動畫

Question

我在這裏是新來的，由於某種原因，我的簡單Jquery代碼不工作。我剛開始使用LetterFX Jquery pluging，我試圖在我的頭版上創建一個簡單的動畫。代碼如下所示：

$(document).ready(function(){ 
     $(".brand-heading").letterfx({"fx":"swirl"}, function(){ 
        $(".intro-text").letterfx({"fx":"swirl"}); 
     }); 
}); 

該代碼適用於品牌標題，但介紹文本中沒有任何反應。

Answer 1

不能直接設置功能回調作爲參數。我已經閱讀了letterfx文檔，發現有onLetterComplete或onElementComplete選項。

所以，你可以試試下面的代碼：

$(document).ready(function(){ 
    $(".brand-heading").letterfx({ 
     "fx":"swirl", 
     "onElementComplete": function(){ 
      $(".intro-text").letterfx({ 
       "fx":"swirl" 
      }); 
     } 
    }); 
}); 

Answer 2

嘗試.promise().done()：

$(".brand-heading").letterfx({"fx":"swirl"}).promise().done(function(){ 
    $(".intro-text").letterfx({"fx":"swirl"}); 
});