Question

我正在我的机器上试用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

新代码（移动了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>

Answer 1

为javascript文件指定正确的类型：

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

<强>更新

您目前正在使用type="text/css"作为javascript文件的内容类型，这是不正确的。尝试将上面的代码复制到您的脚本中。

<强>截图

删除了死亡的ImageShack链接

Answer 2

安装firebug，并在“控制台”标签中查看它告诉您的内容。

Answer 3

您应该将鼠标悬停处理程序的附件移动到$（document）.ready（...）中，因为在文档准备好之前段落不一定存在，因此不能附加处理程序。

Answer 4

下载最新版本的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>

JQUERY无法在本地计算机上运行

4 个答案: