Question

我是新来的，出于某种原因我的简单Jquery代码不起作用。我刚刚开始使用LetterFX Jquery插件，我试图在我的首页上创建一个简单的动画。这是代码的样子：

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

代码适用于品牌标题，但在介绍文字中没有任何内容。

Answer 1

尝试使用.promise().done()：

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

Answer 2

您不能将函数直接设置为回调作为参数。我已阅读letterfx文档并发现，有onLetterComplete或onElementComplete选项。

所以你可以尝试以下代码：

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

Jquery，动画接连不断

2 个答案: