2014-11-05 83 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文件的之前。

相关问题