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

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/