Невозможно понять, почему typed.js не будет работать

Question

Я не могу понять, почему это не работает.Используя 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

Буду признателен за любую помощь, которую вы можете оказать.Заранее спасибо.

Answer 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>