2009-12-24 47 views
-1

我在我的机器上尝试JQUERY,但由于某种原因,似乎没有任何工作。这里的测试文件:JQUERY不会在本地机器上工作

<html> 
<head> 
<script type="text/css" src="jquery.js"> 
</script> 
<script type="text/javascript"> 
    $("p").mouseover(function() { 
     $(this).css("color","black"); 
    }); 

    $(document).ready(function(){ 
$("body").css("background-color","black"); 
$("body").css("color","white"); 
}); 
</script> 
</head> 
<body> 
<h1>This is a test</h1> 
<p>Roll over me!</p> 
</body> 
</html> 

没有在那里工作。此外,如果有人想知道,通过我的域名和通过本地访问都不起作用。我非常困惑,因为我将大部分代码从互联网上复制下来,以防万一我的打字有问题。

出于某种原因,Firefox是引发此错误:

代码:评估
$没有定义
http://hussain.mooo.com/jq.html
线:6
没有定义$
http://hussain.mooo.com/jq.html
线:6

新代码(移动p onmouseover handeler)

<script src="jquery.js" type="text/css"> 
</script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("p").mouseover(function() { 
     $(this).css("color","black"); 
    }); 
$("body").css("background-color","black"); 
$("body").css("color","white"); 
}); 
</script> 
+2

是jquery.js实际存在吗? – 2009-12-24 22:48:33

+2

请回复你的问题,否则这就要求提问的目的和整个SO模型。 – 2009-12-24 23:41:39

+0

我在我的jQuery代码中遇到了同样的困难,直到我在这个论坛的问题中找到解决问题的办法:[jQuery代码不起作用,如果我使用本地jquery.js文件,为什么?](http:/ /stackoverflow.com/questions/5926701/jquery-codes-doesnt-work-if-im-using-a-local-jquery-js-file-why?rq=1) 这是一个编码问题,当你使用时会消失在.js脚本标记中的charset =“UTF-8”属性。有关详细信息,请访问上述问题。 – Sap 2012-10-08 09:49:15

回答

22

指定JavaScript文件正确的类型:目前您所使用type="text/css"内容类型的JavaScript文件这是不正确

<script type="text/javascript" src="jquery.js"></script> 

更新

。尝试将上面的代码复制到脚本中。

截图

去除死ImageShack的链接

+0

最好的解决方案往往是最明显的... haha​​ – Jason 2009-12-24 23:07:11

+4

或者只是删除它。对于脚本标记,“type”属性是不必要的(并且看起来可能是危险的)。 – 2009-12-24 23:46:41

+0

你有**的方式**太多upvotes,无论+1为屏幕截图:) – BalusC 2009-12-24 23:48:46

0

安装firebug,看看它告诉你在控制台选项卡。

0

您应该将mouseover处理程序的附件移动到$(document).ready(...)中,因为段落不一定会存在,直到文档准备就绪,因此没有处理程序可以连接到它。

0

下载最新版本的jQuery“jquery-1.3.2.min.js”并正确链接文件。并试试这个,

<script type="text/javascript"> 
$(function(){ 
    $("p").mouseover(function() { 
     $(this).css("color","black"); 
    }); 

    $("body").css("background-color","black"); 
    $("body").css("color","white"); 
}); 
</script> 
+0

我已安装最新版本(我只是redownloaded它),仍然没有。 – Hussain 2009-12-24 23:32:01

+0

安装firefox firebug并启用控制台并刷新页面,看看它告诉你:1.如果你不能看到jquery.js,那么你需要正确地链接它,如果你不能看到任何东西,那么你的Java脚本被禁用..试着检查一下。 – mukamaivan 2009-12-25 21:38:52

相关问题