JQuery Typer效果在HTML中不起作用

这是我第一次写一个网站（个人页面），我很难在网站上使用JQuery效果。我在网上找到了这段代码（基本上是说将其添加到您的网页中以便其工作），但页面底部显示的是“foo”：

<div id="typer">foo</div>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src='jquery.typer.js'></script>     
    <script>
        var win = $(window),
            foo = $('#typer');
        foo.typer(['TEXT A', 'TEXT B', 1337]);
    </script>
</div>

foo
var win=$（窗口），
foo=$（“#typer”）；
foo.typer（['TEXT A'，'TEXT B'，1337]）；

这些都位于我的页面的底部。我是否缺少一些可以使JQuery运行的东西？

或者： 您执行代码太早了。添加文档就绪子句：

<script>
    $(document).ready(function() {
        var win = $(window),
        foo = $('#typer');
        foo.typer(['TEXT A', 'TEXT B', 1337]);
    });
</script>

$（文档）.ready（函数（）{
var win=$（窗口），
foo=$（“#typer”）；
foo.typer（['TEXT A'，'TEXT B'，1337]）；
});

或：

---

你可能没有把文件放在正确的地方。文件

jquery.typer.js

是否与HTML文件包含在同一文件夹中？如果没有，找到它，下载它，并将其包含在那里，或者以与jQuery相同的方式链接到它。

尝试将脚本标记放在

#typer

div的外面和后面。jQuery无法访问尚不可用的元素，将它们放在里面可能太早了。我们可以假设jquery.typer.js存在并且与HTML文件位于同一文件夹中吗？请将代码包含在document ready子句中。jquery.typer.js与HTML代码位于同一文件夹中。我试着移动脚本标记，但仍然不起作用：/我添加了documentready子句，重新安装了jquery.typer.js，并将其与html文件放在同一个文件夹中。不幸的是，仍然不起作用