JQuery Typer效果无法在HTML中运行

时间:2014-08-19 17:40:54

标签: jquery 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>

这一切都位于我页面的底部。我错过了能让JQuery运行的东西吗?

1 个答案:

答案 0 :(得分:1)

或者: 你太早执行代码了。添加文档就绪条款:

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

或者: 你可能没有把文件放在正确的位置。文件jquery.typer.js是否与HTML文件包含在同一文件夹中?如果没有,请找到它,下载它,并将其包含在那里,或者以与jQuery相同的方式链接到它。