Question

我为我想在网站横幅上添加的打字功能添加了脚本，但是由于某种原因，在jsfiddle.net上它可以正常工作，但是在发布时不起作用。

在Chrome上打开控制台时，出现以下错误：

未捕获的ReferenceError：未定义打字机

<script>
var app = document.getElementById('notificationBar');
var typewriter = new Typewriter(app, {
    loop: true,
    cursor: "",
});
typewriter.typeString('MESSAGE1')
    .pauseFor(2500)
    .deleteAll()
    .typeString('MESSAGE2')
    .pauseFor(2500)
    .deleteAll()
    .typeString('MESSAGE3')
    .pauseFor(2500)
    .start();
</script>

由于我刚刚适应Javascript，这不是我的第一个脚本项目，因此我不确定该如何解决。任何建议都会有所帮助;）

Answer 1

我环顾四周，发现您需要使用的script：

<script src="https://unpkg.com/typewriter-effect@2.3.1/dist/core.js"></script>

var app = document.getElementById('notificationBar');
var typewriter = new Typewriter(app, {
    loop: true,
    cursor: "",
});
typewriter.typeString('MESSAGE1')
    .pauseFor(2500)
    .deleteAll()
    .typeString('MESSAGE2')
    .pauseFor(2500)
    .deleteAll()
    .typeString('MESSAGE3')
    .pauseFor(2500)
    .start();

<script src="https://unpkg.com/typewriter-effect@2.3.1/dist/core.js"></script>
<div id="notificationBar"></div>

Answer 2

您需要在资源部分中添加CDN 或只需将其作为脚本添加到HTML中即可：

<script src="path/to/resource.js"></script>

未捕获的ReferenceError：未定义打字机

2 个答案: