主页 / 问题 / 956365
Accepted
Новиков Максим
Asked:2020-03-14 17:20:49 +0800 CST2020-03-14 17:20:49 +0800 CST

Typed.js 连接问题

  • 772

连接 typed.js 库时出现问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Typed.js test</title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="styles.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script>
</head>
<body>

    <div id="typed-strings">
        <p>Typed.js is a <strong>JavaScript</strong> library.</p>
        <p>It <em>types</em> out sentences.</p>
    </div>
    <span id="typed"></span>

    <script src="script.js" charset="utf-8"></script>
</body>
</html>

和js

$('document').ready(function() {
    import Typed from 'typed.js-2.0.9';

    var options = {
      strings: ["<i>First</i> sentence.", "&amp; a second sentence."],
      typeSpeed: 40
    }

    var typed = new Typed("#typed", options);
});

以下是弹出的错误

在此处输入图像描述

这是存储所有文件的文件夹

在此处输入图像描述

javascript

2 个回答

  1. Best Answer

    排队问题

    import Typed from 'typed.js-2.0.9';

    这一行只能在文件的开头，不能在函数内部。

    由于脚本会立即在浏览器中执行，因此根本不需要此行。因此，要解决问题，只需将其删除即可。

    $('document').ready(function() {

  var options = {
    strings: ["<i>First</i> sentence.", "&amp; a second sentence."],
    typeSpeed: 40
  }

  var typed = new Typed("#typed", options);
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script>

<div id="typed-strings">
  <p>Typed.js is a <strong>JavaScript</strong> library.</p>
  <p>It <em>types</em> out sentences.</p>
</div>
<span id="typed"></span>

    • 2

  2. 将 jquery.js 和 typed.js 文件保存在本地（现在您正尝试从 Internet 获取它们，但它不起作用）并将它们作为本地脚本包含在内。

    例如像这样：

       <script src="/js/jquery.min.js"></script>
    <script src="/js/typed.js"></script>
    • 1

相关问题