Question

好吧，伙计们，我正试图搞定Jquery，但现在我实际上正在实施它，我发现很难让它返回任何东西。就像在，我甚至不完全确定我正确地加载它或者如果我有一些随机错误使得任何东西都无法正常工作。我将证明我在底部添加了一个简单的Javascript代码和document.write以确保javascript文件确实已链接。它工作正常。< / p>

如果我点击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在同一目录中。我对两者都有点新意，所以这可能是一个非常新手的错误。

Answer 1

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

未捕获的ReferenceError：未定义蓝色

行：

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

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

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

同样如dystroy所述，您需要插件或jQuery UI文件。文档中的其他说明：

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

Answer 2

来自documentation：

所有动画属性都应设置为单个数值，除非如下所述;大多数非数字属性不能使用基本jQuery功能进行动画处理（例如，宽度，高度，或左边可以动画，但背景颜色不能，除非使用了jQuery.Color（）插件。

这是主要问题：如果您使用数字属性it works尝试代码。

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

Jquery没有加载

2 个答案: