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

我的代码如下：

<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。

最佳答案

不幸的是，输出效果只是作为过渡到下一个效果的一种方式。尝试使用空文本作为下一个过渡：

// 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