jquery - textillate.js 中的输出动画不起作用

Question

我的代码如下:

<div class="header">
<h1>My text</h1>
</div>
<script>
$(function(){
    $('h1').textillate({in:{} , out:{effect:'hinge'}});
});
</script>

在此情况下，in-animation 工作正常，但 out-animation 不起作用。您可以引用textillate.js jquery plugin docs .

Answer 1

遗憾的是，输出效果仅作为过渡到下一个效果的一种方式运行。尝试使用空文本作为下一个过渡:

// html
<h1 class="tlt">
    <ul class="texts">
         <li>Some Title</li>   
         <li> </li>
    </ul>
</h1>

// javascript
$('.tlt').textillate();

jsFiddle:http://jsfiddle.net/jschr/y9m3b/

https://github.com/jschr/textillate/issues/5