Cant链Jquery文本效果插件

Question

尝试让每个TextEffect按顺序运行。

这是我的jquery代码，用于在每个类上一个接一个地运行文本效果。

 <script type="text/javascript">

    $(document).ready(function() {

        $(".sci-fi1").textEffect(function() { 
            $("sci-fi2").textEffect(function () {
                $(".sci-fi3").textEffect()
            });
        });       
    });
    </script>

这是包含我想按顺序运行效果的文本的div

<div id ="text">
          <br />
        <h2>John </h2>
        <p class="sci-fi1">
            Software Developer
        </p>
        <p class="sci-fi2">
            Web Designer
        </p>
        <p class="sci-fi3">
            Computer Technician
       </p>
</div>

出于某种原因，只有第一个文本效果运行， 我错过了什么吗？你能不像我正在尝试的方式链接某些插件？

源页面上有一个Event.texteffectend，但我不确定如何实现它，或者它是否是我想要的。

任何帮助表示感谢。

Answer 1

在此处dot $("sci-fi2")添加texteffectend

此外，在此插件中处理动画结束的方法是附加$(".sci-fi1").textEffect().on("texteffectend", function(){ $(".sci-fi2").textEffect().on("texteffectend", function(){ $(".sci-fi3").textEffect(); }); }); 侦听器（class selector）。

的JavaScript：

{{1}}

这是jQuery.on()。