Typed.js文本未显示

时间:2017-09-11 21:21:27

标签: javascript typed.js

我试图实现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>

1 个答案:

答案 0 :(得分:0)

Typed.js以<span>呈现您的文字。由于您的javascript正在将strings输出到typed-text,并且由于您希望以段落形式格式化字符串,因此您希望定义<span>,如下所示:

<强>的index.html

<div class="column">
<p>
<span id="typed-text"></span>
</p>
</div>