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文檔準備好功能

回答

相關問題