typed.js - wypisywanie tekstu po zakończeniu poprzedniego

Question

Mam dwa teksty do wypisania w osobnych kontenerach.

Mam taki kod:

$('.title').typed({
  strings: ["tytuł"],
  typeSpeed: 30,
  loop: false,
  cursorChar: ""
});

$('.desc').typed({
  strings: ["Opis"],
  typeSpeed: 5,
  loop: false,
  cursorChar: ""
});

Jednak tutaj oba teksty zaczynają "drukować" się jednocześnie, a chciałabym po zakończeniu jednego wypisywać kolejny.

Próbowałam z "onComplete"

$('.title').typed({
  strings: ["tytuł"],
  typeSpeed: 30,
  loop: false,
  cursorChar: "",
onComplete: function(self) {
$('.desc').typed({
  strings: ["Opis"],
  typeSpeed: 5,
  loop: false,
  cursorChar: ""
});
}
});

Ale niestety nie działa, jak to zrobić?

Comments

Możesz pokazać więcej kodu, żeby można go było przetestować? Ani w dokumentacji ani w kodzie źródłowym tej biblioteki nie widzę metody typed, więc - przynajmniej dla mnie - znalezienie przyczyny problemu jest po omacku.

---

Właściwie nie ma więcej kodu, to jest staroć z wersji 1.1.1

<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/1.1.1/typed.min.js"></script>

https://cdnjs.com/libraries/typed.js/1.1.1

Na nowej wersji wyświetla już, że nie ma takiej funkcji.

To teraz mam z podpiętą wersją 2.0.11 taki kod

new Typed('.title-css', {
				strings: ["tytuł"],
				typeSpeed: 30,
				loop: false,
				cursorChar: ""
			});

i nie uruchamia się dostaje błąd:

"Cannot read property 'toLowerCase' of undefined" w typed.js

---

Powyższy fragment działa: https://codepen.io/JSHolic/pen/eYJoXbE

Pokaż cały kod, może błąd u Ciebie jest gdzieś indziej.

Answer 1

Dla wersji typed 2.0.11. [ codepen ] [ typed.js - Bulk Typing ]

new Typed('.title-css', {
    strings: ["Tytuł"],
    typeSpeed: 30,
    loop: false,
    cursorChar: "",
    onComplete: (self) => {
        new Typed('.desc-css', {
            strings: ["^1000Opis"],
            typeSpeed: 30,
            loop: false,
            cursorChar: ""
        });
    }
});

new Typed('.title-css', {
    strings: ["Tytuł"],
    typeSpeed: 30,
    loop: false,
    cursorChar: "",
    onComplete: (self) => {
        new Typed('.desc-css', {
            strings: ["Opis"],
            typeSpeed: 30,
            startDelay: 1000, //  <-- dodana linia  ;-)
            loop: false,
            cursorChar: ""
        });
    }
});