Question

每当我运行此代码时，我只会在屏幕上看到背景颜色 typed.js下载并放在同一个文件夹中。出了什么问题？

 <!DOCTYPE html>
<html>
<head>
    <title>type js</title>

<style type="text/css">
    body{
        margin: 0;
        padding: 0;
        background: #bf1f26;
    }
    .type{
        color: black;
    }
</style>

<script
  src="https://code.jquery.com/jquery-3.2.1.js"> </script>

  <script src="typed.js"></script>
<script type="text/javascript">
    $(function(){
        $(".type").typed({
            strings: [
            "Hello",
            "My Name Is Aditya Aundhekar",
            "I'm a Computer Engineer..",
            ],
        })
    })
</script>
</head>
<body>
<div class="center">
    <span class="type"></span>
</div>
</body>
</html>

我收到此错误：

jQuery.Deferred异常：$（...）。typed不是函数TypeError：$（...）。typed不是HTMLDocument中的函数。（localhost / resume / typed.html:23:14）在mayThrow（code.jquery.com/jquery-3.2.1.js:3583:29）处理（code.jquery.com/jquery-3.2.1.js）：3651：12）undefined jQuery.Deferred.exceptionHook @jquery-3.2.1.js：3860 jquery-3.2.1.js：3869 Uncaught TypeError：$（...）。typed不是HTMLDocument中的函数。（typed：23）at mayThrow（jquery-3.2.1.js：3583）at process（jquery-3.2.1.js：3651）

Answer 1

你正在使用错误的语法，请尝试以下代码：

 <!DOCTYPE html>
<html>
<head>
    <title>type js</title>

<style type="text/css">
    body{
        margin: 0;
        padding: 0;
        background: #bf1f26;
    }
    .type{
        color: black;
    }
</style>

<script
  src="https://code.jquery.com/jquery-3.2.1.js"> </script>

  <script src="typed.js"></script>
<script type="text/javascript">
    $(function(){
      var options = {
        strings: [
        "Hello",
        "My Name Is Aditya Aundhekar",
        "I'm a Computer Engineer.."]
    }

       var typed = new Typed(".type", options);
    })
</script>
</head>
<body>
<div class="center">
    <span class="type"></span>
</div>
</body>
</html>

Answer 2

此错误是因为您的jQuery插件未在typed.js之前加载。因为它工作正常，否则你应该看看是否

＆＃13;

<script src="https://code.jquery.com/jquery-3.2.1.min.js" type="text/javascript"></script>
<script src="https://pastebin.com/raw/RqHC6rCj" type="text/javascript"></script>
<body>
<div class="center">
    <span class="type"></span>
</div>
<script>
    $(function(){
        $(".type").typed({
            strings: [
            "Hello",
            "My Name Is Aditya Aundhekar",
            "I'm a Computer Engineer..",
            ],
        })
    })
	
	</script>
</body>

＆＃13;

`

只需看到我上传JS插件的代码段就可以了。

因此必须首先加载dependecy。所以有一些加载问题。

我将在明天之前从这里删除插件，所以请先检查一下。这是因为我无法通过引用添加它。

编辑：我已经通过链接插入了typed.js，而不是将整个插件包含在代码段中，并从代码段中删除了typed.js插件原始文件。可在未来1个月内使用，然后移除。

打字机效果不起作用

2 个答案: