Typed.js不工作

Question

我启动了typed.js，但它不工作，控制台中也没有显示错误

$(function(){
    $('.animate-text').typed({
        strings:[
                "Muhammad Saim",
                "Programmer",
                "Web Developer",
              ],
        typeSpeed:0,
        loop:false
    });
});

Answer 1

确保在执行脚本之前已经渲染了".animate-text“元素。

无论何时操作DOM元素，它都需要出现在javascript代码之前。

不起作用的示例：

<script> jQuery('#test').css('display','none');</script>
<div id='test'></div>

可以工作的示例：

<div id='test'></div>
<script> jQuery('#test').css('display','none');</script>

Answer 2

在您的脚本文件中使用它，并根据您的需要更改名称。

var typed = new Typed('#typed', {
  strings: [
    'Aman Singh Aswal'
  ],
  typeSpeed: 50,
  backSpeed: 80,
  loop: true
});

在您希望typedjs工作的html文件中使用它。