我试图实现Typed.js的新ES6模块版本(不是jQuery版本),但是文本没有出现 - 只有光标(它仍然是固定的并且没有&#39 ; t闪烁。)
我通过NPM安装了库而没有问题,并且正在使用Webpack进行编译。当我检查编译好的app.js
时,会出现库。 app.js
正在正确加载页面,我在控制台中看不到任何错误。只是一个固定的光标,我的动态类型文本应该出现在那里。
这是我的代码(主要是官方网站上的示例):
typewriter.js
import Typed from 'typed.js';
var typed = new Typed('#typed-text', {
strings: ["First sentence.", "Second sentence."],
typeSpeed: 30
});
的index.html
<div class="column">
<p id="typed-text"></p>
</div>
答案 0 :(得分:0)
Typed.js以<span>
呈现您的文字。由于您的javascript正在将strings
输出到typed-text
,并且由于您希望以段落形式格式化字符串,因此您希望定义<span>
,如下所示:
<强>的index.html 强>
<div class="column">
<p>
<span id="typed-text"></span>
</p>
</div>