Jquery textillate.js中的Out动画不起作用

Jquery textillate.js中的Out动画不起作用,jquery,jquery-ui,jquery-plugins,Jquery,Jquery Ui,Jquery Plugins,我的代码如下: <div class="header"> <h1>My text</h1> </div> <script> $(function(){ $('h1').textillate({in:{} , out:{effect:'hinge'}}); }); </script> 我的文字 $(函数(){ $('h1').textillate({in:{},out:{effect:'hinge'}); });

我的代码如下:

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

我的文字
$(函数(){
$('h1').textillate({in:{},out:{effect:'hinge'});
});

在这种情况下,
In动画
工作正常,而
out动画
不工作。您可以参考。

伟大的插件!如果不使用
loop:true
选项,我无法让其产生以下效果:

$(function () {
    $('h1').textillate({ in : {
            effect: 'fadeInLeftBig'
        },
        out: {
            effect: 'hinge'
        },
        loop: true
    });
});

工作小提琴:

输出效果仅作为过渡到下一个输入效果的方式运行。尝试将空文本用作下一个转换:

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

// javascript
$('.tlt').textillate();
//html
  • 一些标题
//javascript $('.tlt').textillate();
jsFiddle:


这是一个应该修复的缺陷,但是回调允许任何可能的事情发生,所以我用它做了一些非常酷的事情。我这样解决了这个问题

    $('.intro_1').textillate({
    loop: true,
    in:{ 
        effect: 'rollIn' 
    },
    out: { 
        effect: 'rollOut',
        callback: function () 
        {
            $('.intro_1').hide();
        }
    }
});
在in参数的回调函数上使用$element.textillate('out'),将textilate('out')添加到回调函数中对我有效

此代码在“淡出”效果之后执行“淡出”效果

$('.myclass').textillate({
    loop: false,
    in : {
        effect: 'fadeIn',
        callback: function() {
            $('.myclass').textillate('out');
        }
    },
    out: {
        effect: 'fadeOut',
    }
});

谢谢你的回答,但是你能找到任何解决方案让我们的动画在不循环的情况下工作吗????