2014-11-05 33 views
0

這是我第一次嘗試使用jQuery和我試圖當文檔準備添加事件之前,但每次它說:

「$使用之前定義「

我不知道如何解決它。我在網上嘗試了不同的解決方案,但找不到任何解決方案。真的不知道我做錯了什麼。

我引用的HTML文件JS文件這樣

<!DOCTYPE html> 
<html> 
<head> 
    <title>Experimenting with Javascript</title> 
    <script type="text/javascript" src="script.js"></script> 
    <link type="text/css" rel="stylesheet" href="main.css" /> 
</head> 

,這是我的腳本

$(document).ready(function() { 
    "use strict"; 
    $('div').mouseenter(function() { 
     $(this).animate({ 
     height: '+=10px' 
    }); 
    }); 
}); 
+4

你需要在你的頁面使用它[包括jQuery庫](http://learn.jquery.com/about-jquery/how-jquery-works/)! – Bergi 2014-11-05 19:13:06

+0

你在哪裏添加jQuery? – 2014-11-05 19:13:32

+0

如果你甚至不知道如何使用庫,我會建議不要使用'「use strict」;',如果你沒有經驗,可能會導致問題(參見[this](https:// bugzilla)。 mozilla.org/show_bug.cgi?id=579119),甚至亞馬遜也搞砸了)。 – blex 2014-11-05 19:18:28

回答

4

參考jQuery庫在您的網頁,這樣

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 

包括你的JS腳本標籤上面的這個標籤文件

1
  1. 加入jQuery庫(http://jquery.com/
  2. 添加在每一個事件在你的應用程序的div - 重新考慮這一點。添加一個類或其他東西,並將其添加到單個元素容器或主體,但不要將其添加到最常見的元素。
+0

是的,我不打算在每個div上使用它,但這只是一個測試 – 2014-11-05 19:17:13

0

這裏的問題是,你正在使用jQuery實際上不包括HTML文件中的代碼庫。

<!DOCTYPE html> 
<html> 
<head> 
    <title>Experimenting with Javascript</title> 

    <link type="text/css" rel="stylesheet" href="main.css" /> 
</head> 

<body> 

    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
    <script type="text/javascript" src="script.js"></script> 
</body> 

只是爲了澄清,jQuery是作用於JavaScript之上,所以你需要包括上面你自己的腳本使用它的那個庫庫。

注意:最好的做法是在關閉主體標記之前包含腳本。

1

你應該組織你的HTML DOM這樣:

<!DOCTYPE html> 
<html lang="en" class=""> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
     <title>Experimenting with Javascript</title>  
     <link type="text/css" rel="stylesheet" href="main.css" /> 
    </head> 

<body> 
    <script src="//code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
    <script type="text/javascript" src="script.js"></script> 
</body> 

1.You應該調用jQuery庫呼喚你的項目JS文件的之前。

相關問題