javascript - 如何手动设置 Textillate 脚本？

Question

我正在使用 Textillate.js为一个句子制作动画，我不太确定如何手动设置动画。单击按钮后，文本应以动画形式出现。它工作正常:

$( "#my_button" ).click(function() {   
$('#my_text').textillate({loop: false, initialDelay: 200, in: {effect: 'bounceInLeft'}});
$('#my_text').addClass('show');
});

现在我希望通过使用动画来使这段文字消失。我试过这样:

$( "#my_2_button" ).click(function() {   
$('#my_text').textillate({loop: false, out: {effect: 'bounceOutLeft'}});
});

而且它不起作用。你有什么想法吗？

CSS:

`#my_text {
opacity: 0;
}

.show {
opacity: 1!important;
}`

Answer 1

你可以用给定的方法来做。它们位于页面底部。在你的例子中是 $element.textillate('out')