2

好吧，伙计们，我正在尝试处理 Jquery，但现在我实际上正在实现它，我发现很难让它返回任何东西。就像，我什至不完全确定我是否正确加载它，或者如果我有一些随机的错字阻止任何工作。我将有资格在底部添加一个简单的 Javascript 代码，并带有 document.write 以确保 javascript 文件确实已链接。它工作正常。

如果我单击 h1，则没有任何反应。不管我输入的 Jquery 命令是什么，即使它只是在 $(document).ready 中，它仍然会做......什么都不做。

这是实际的 Jquery/Javascript：

$(document).ready(function() {
  $("h1").click(function() {
    $(this).animate({color:blue}, 'fast');
 });
});

这是我在 HTML 中调用它的地方（如下）。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>

.js 脚本确实称为 script.js，并且与 HTML 位于同一目录中。我对两者都有点陌生，所以这很可能是一个非常新手的错误。

4

2 回答 2

2

您的代码中有错误，您最好在测试时使用一些开发人员工具来捕获这些错误。

未捕获的 ReferenceError：未定义蓝色

该行：

$("h1").animate({color:blue}, 'fast');

期望蓝色是一个变量，你需要把它变成一个字符串。

$("h1").animate({color:'blue'}, 'fast');

此外，正如dystroy 所提到的，您需要插件或jQuery UI 文件。文档中的附加说明：

注意：jQuery UI 项目扩展了 .animate() 方法，允许对一些非数字样式（例如颜色）进行动画处理。该项目还包括通过 CSS 类而不是单个属性指定动画的机制。

于 2013-03-14T17:56:49.893 回答
1

从文档中：

所有动画属性都应动画为单个数值，除非以下说明；大多数非数字属性无法使用基本的 jQuery 功能进行动画处理（例如，宽度、高度或左侧可以进行动画处理，但背景颜色不能进行动画处理，除非使用 jQuery.Color() 插件）。

这是主要问题：如果您尝试使用数字属性的代码，它可以工作。

如果您真的想为颜色设置动画，我建议您使用提到的插件。

于 2013-03-14T17:55:01.400 回答