无法理解为什么typed.js无法正常工作

时间:2018-10-16 00:55:29

标签: jquery animation

我不明白为什么这不起作用。使用Typed.js,它应该为文本设置动画(例如键入)。例如:我发现...希望/家庭。

关键要素:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="typed.js"></script>
<script> var typed = new Typed('#typing', {strings: ["hope", "family"], typeSpeed: 30 });
</script>

我还尝试过...

<script>$(function(){$("#typing").typed({strings: ["hope", "family"], typeSpeed: 0});});</script>

关键元素:

<h2 class="heading-black-36-1">I found <span id="typing"></span></h2>

请参阅:https://www.citychurchchristchurch.co.nz/index

我们将竭诚为您提供任何帮助。预先谢谢你。

1 个答案:

答案 0 :(得分:1)

您想要这个:

$(document).ready(function() {
var options = {
strings: ["hope", "family"],
typeSpeed: 40
}
var typed = new Typed("#typing", options);
});

您可以将其放在<script>标记中,也可以放在页脚中的js文件中。但这需要在此行之后(在页面后):

<h2 class="heading-black-36-1">I found <span id="typing"></span></h2>