Question

我是jQuery的新手，我正在尝试使用名为Textillate的jQuery文本效果插件。（文档可在此处找到：https://github.com/jschr/textillate）

问题是网站上的inEffects属性描述没有描述如何在效果发生之前隐藏内容。我已将initialDelay设置为6000，这意味着效果会在页面加载后6000毫秒发生。不幸的是，文本在这6000毫秒期间显示，我需要隐藏它直到效果开始。我假设inEffects['hidden']会起作用，但事实并非如此。有没有人有什么建议？我的完整脚本如下：

<script type="text/javascript">
                        $(function textillate() {
                            $('.storycontent').textillate(
                                    {
                                        initialDelay: 6000,
                                        inEffects: ['hidden'],
                                        in: {
                                            effect: 'rotateInDownLeft'
                                        }
                                    });
                        });
</script>

我也尝试使用$(.storycontent).hide(6000);，但这似乎也不是解决方案。似乎效果立即开始，然后内容就会消失。

Answer 1

使用CSS，在插件运行之前隐藏元素：

.storycontent{
    visibility:hidden;
}

以下是一个示例：http://jsfiddle.net/n1ck/3hjvj/1/

Answer 2

请设置jsfiddle代码，以便我们进行实验。您是否尝试过简单地将'storycontent'的CSS设置为'display：none'？我认为textillate会知道如何展示它。

Answer 3

我知道它有些旧，但是这里有一些值得考虑的信息。

如果为每个角色设置了动画，请隐藏每个角色的可见性。除了N1ck的答案（是正确的）之外，还添加

Name4

如何在调用jquery文本效果插件之前隐藏内容？

3 个答案: