Question

我再次陷入学习过程中。我正在尝试使用here提供的帮助为网站的背景设置动画。但我有点卡住了。因为我正在自学javascript（替换基本的动作脚本）。我喜欢逐行编写而不是复制粘贴，所以我可以理解它是如何工作的。

这是我到目前为止所做的：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>My Site</title>
<script type="text/javascript">
    $(document).ready(function(){
        window.alert("function started");
    });
    </script>
    </head>

    <body>
    </body>
    </html>

正如您所见，警报窗口应该在功能启动时弹出，但事实并非如此。有没有理由为什么会发生这种情况，或者我应该设置一个onLoad函数来处理页面加载时我想要做的事情？

Answer 1

您忘记在页面中包含jQuery javascript API。在使用$()函数之前应该包含它（在这种情况下，它是jQuery()函数的别名。）

如果您检查浏览器的Javascript控制台，则尝试使用未定义的$可能会有例外。（在IE中，在进行Web开发时，一个方便的技巧是为“显示每个脚本错误的通知”启用高级选项，但这在访问其他站点时会变得烦人，因为许多开发人员在识别和修复未处理的JS异常方面很糟糕！现代浏览器通常使用'F12'（至少在美国），打开用于调试Javascript的开发工具等。）

更正后的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>My Site</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function ()
        {
            window.alert("function started");
        });
    </script>
</head>
<body>
</body>
</html>

此示例使用Google托管的jQuery API，但您也可以选择从http://jquery.com下载jQuery

Answer 2

<强>演示

http://jsfiddle.net/dvADs/

你缺少图书馆参考〜！像这样

<script type='text/javascript' src='//code.jquery.com/jquery-2.0.2.js'></script>

希望休息满足您的需求:)

基础知识：http://jqfundamentals.com/chapter/jquery-basics

JQ CDN：http://jquery.com/download/

$(document).ready(function(){
    window.alert("function started");
});

Answer 3

你不是第一次加载jQuery。 jQuery是一个你试图使用$调用的库。您可以在此处下载：http://jquery.com/download/。确保在javascript代码之前加载jQuery。

javascript文档就绪功能

3 个答案: