Question

我看了很多帖子，但不幸的是我对JS的了解相当低。好的，非常低。不过，我对CSS和HTML相当不错。所以我的问题是：

我使用了很棒的typed.js元素（https://github.com/mattboldt/typed.js/）

我正在使用的HTML就在这里：

    <h1 style="color:#000;" class="nk-title">The perfect
                            <span class="db hidden-sm-up"></span>
                            <span style="color:#000;" class="nk-typed">

                                <span> ^1000 birthday gift.</span>
                                <span> ^1000 business jingle.</span>
                                <span> ^1000 marketing idea.</span>
                                <span> ^1000 love dedication.</span>
                                <span> ^1000 event promo.</span>


                            </span>

这会创建一个很酷的打字功能（请在druvocals.com/1上查看）

^ 1000延迟文字输入并放置动画闪烁光标。所以^ 1000实际上并没有显示在页面上。它给它一个真实的打字暂停。

但在较慢的连接上发生的是，第一行（^ 1000个生日礼物）似乎按原样显示，在JS完全加载之前，页面上显示^ 1000。因此，在较慢的连接上，页面将首先显示为＆＃34;完美的^ 1000生日礼物＆＃34;在踢回并正确显示之前。

从我在Stackoverflow上的搜索，我相信我需要朝着.load函数的方向前进，对吗？在JS满载之前，我不想隐藏整个身体;只是这一个领域。

或者我可以将整个HTML包装在一个单独的div中，并以某种方式隐藏div直到typed.js文件被完全加载/呈现？

防止元素加载，直到其JS脚本完全

0 个答案: