JavaScript文档准备好功能

再一次，我被困在学习过程中。我正尝试使用here提供的帮助为网站的背景添加动画。但我有点卡住了。正如我在教自己的JavaScript（取代基本的动作）。我喜欢一行一行地写，而不是复制粘贴，所以我可以理解事情是如何工作的。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函数来处理页面加载时想做的事情？

来源

2013-10-24 Paul Ledger

你需要包含对jQuery的引用，http://api.jquery.com/ready/ – Jonathan

现在我觉得我很蠢。 –

完美工作 –

你忘了，包括了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>

这个例子使用了谷歌托管的jQuery API ，但你也可以选择从http://jquery.com下载jQuery

来源

2013-10-24 21:38:46 nothingisnecessary

演示

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"); 
});

来源

2013-10-24 21:38:38

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

来源

2013-10-24 21:40:06 Paul

JavaScript文档准备好功能

回答

相关问题