Question

所以我一直试图用这个小提琴来动画文字：https://codepen.io/alexmacarthur/pen/MOPQvp;足以说我被灵活性所震撼。我试图将代码合并到我的机器上的本地HTML文件中，但它不起作用。虽然我在几年前选择了web dev，但我在项目方面没有多少经验，并且希望有人在这里指出错误是什么，因为我觉得它应该是非常明显的。我的HTML + JS代码（我可能不应该把所有内容放在一个文件中，但因为我只是在试验..）：

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/typeit@4.3.0/dist/typeit.min.js"></script>
  <script>
  $(function() {
    new TypeIt('#element', {
      speed: 45
    })
    .type('The programers')
    .pause(300)
    .options({speed: 200})
    .delete(3)
    .options({speed: 45})
    .pause(300)
    .type('mer\'s wife sent him to teh sto.')
    .pause(500)
    .options({speed: 200})
    .delete(7)
    .type('he store.')
    .pause(500)
    .break()
    .options({speed: 45})
    .type('Her instructions were <em>"Buy butter. See if they have 10 eggs. If they do, buy ten.</em>"')
    .pause(1000)
    .break()
    .type('He came back with ten packs of butter. ')
    .pause(1000)
    .type('Because they have eggs.');
    });
  </script>
</head>

<body>

<h1 id="element"></h1>

</body>

</html>

当我打开文件时，我看到的只是一个空白屏幕：/提前感谢任何抽出时间阅读的人！

Answer 1

我刚刚使用以下HTML更改了最新版本的typeit版本：

    } else {

        return;
    }

TypeIt插件：如何使其在本地html文件上运行？

1 个答案: