2015-05-02 331 views
-1
<html> 
<head> 
    <title>JQuery beginning</title> 
</head> 
<body> 
    <script type="type/javascript" src="js/jquery.js"></script> 
    <p onclick="$(this).hide();">Test</p> 
</body> 
</html> 

这是我的HTML文件。我已将下载的js文件放入包含上述HTML文件的文件夹内的js文件夹中。

我得到Uncaught ReferenceError: $ is not defined,当我点击“测试”,而不是它被隐藏。

+3

确保您输入了正确的路径位置。 –

+0

是一个初学者,,请指定如何解决这个问题 – Anonymous

+0

@ShaunakD它也是这样工作的https://jsfiddle.net/qmsq3Lqr/ – renakre

回答

3

这意味着jQuery.js找不到js/jquery.js。该文件必须不存在或位于其他目录中。你应该检查它是否确实被称为jQuery.js而不是像jquery-2.1.4.min.js。如果你无法将其移动到正确的地方,可以考虑使用jQuery的CDN:

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> 

此外,使用内联JavaScript是非常气馁。您应该制作另一个脚本标签,如下所示:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("p").click(function() { 
      $(this).hide(); 
     }) 
    }) 
</script> 
+0

使用很有效。 。但我可以通过查看源代码选项打开js文件....我以前的代码中有什么问题 – Anonymous

+0

@Anonymous如果包含我上面写的代码,但继续使用您的'

2

您需要将jquery.min.js包含到您的目录和页面才能实现jQuery功能。

可以将其包含如下:

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> 

否则你可以给本地目录路径相同,此路径应该是具体的,是这样的:

<script src="~/Scripts/jquery-1.8.2.min.js"></script> 

,然后实现代码在:

<script type="text/javascript"> 
    $(document).ready(function() { 
     // Your code here 
    }); 
</script> 

这将解决您的问题。

0
<html> 
<head> 
    <title>JQuery beginning</title> 
</head> 
<body> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 

    <p id="para" onClick="$(this).hide();">Test</p> 
</body> 
</html> 

use this .................... 
相关问题