解析“颜色”值时出错（jQuery UI）答案

【问题标题】：Error in parsing value for 'color' (jQuery UI)解析“颜色”值时出错（jQuery UI）
【发布时间】：2016-04-15 08:11:27
【问题描述】：

我正在尝试在单击元素时使用 jQuery UI 为颜色变化（字体）设置动画。我包含了他们网站上描述的 jQuery UI 文件。

<script type='text/javascript'>
    $(document).ready(function() {                  
        $('.benefits').click(function() {
            $(this).animate({color:'#b22425'}, 200);
        });
    });
</script>

它不起作用。控制台说：

解析“颜色”的值时出错。声明已删除。

当我添加动画宽度更改时，效果很好，但颜色错误仍然存在。我做错了什么？

感谢您的帮助:-)

编辑

我正在找出问题所在：我在 PHP 中包含导航和页脚：

<?php 
    include('navigation.php');
?>

当我删除此块时，一切正常。但是当我在 PHP 中包含 Navigation 和 Footer 时，会发生解析错误。

有人有解决办法吗？

编辑 2

导航和页脚文档是“完整文档”，这意味着它们有自己的 html、head、style、body ... 标签。我将此文档包含在我的主文档的 body-tag 中，因此有 3 个完整的 html 文档合二为一。

从导航和页脚文档中删除不必要的标签后一切正常。

我早就看到了-.-'

无论如何感谢 cmets 和答案 :-)

【问题讨论】：

贴出的代码没有问题。你能发一个minimal reproducible example吗？
我创建了一个新文档，并在新文档中从原始文档中逐块复制和粘贴。所以我找到了问题，但没有找到解决方案。请看我上面的编辑:-)
您可以尝试使用开发工具检查页面元素，从那里您可以检查正在加载和渲染的内容是什么
是的，我以前用过这个工具。但不知何故，我没有认识到我的错（见上文）。谢谢:-)

标签： javascript php jquery jquery-ui

【解决方案1】：

这是一个简单的方法

我只创建了一个简单的html

我下载了jquery颜色JQUERY COLORS

并将其添加到包含 jquery 库的 html 文件中

所以它会像这样加载

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

这是一个简单的DEMO CREATED

希望对你有帮助！

【讨论】：

感谢您的回答。我已经弄清楚问题出在哪里。请在上面的帖子中查看我的编辑。
@Cutter 你能不能试着总结一下文件，以及你如何包含每个文件来构建你的网络应用程序

【解决方案2】：

如果没有 jQuery UI，您不能使用 animate 为颜色设置动画。

所有动画属性都应该是动画到单个数值，除非如下所述；大多数属性不能是非数字的使用基本 jQuery 制作动画功能。（例如，宽度，高度或左侧可以动画但是 background-color 不能，除非使用了jQuery.Color 插件。）

和

jQuery UI 项目扩展了 .animate() 方法通过允许一些非数字样式，例如 colors 动画化。该项目还包括指定动画的机制通过 CSS 类而不是个人属性。

来源：http://api.jquery.com/animate/

【讨论】：

我知道我只能通过插件使用彩色动画。我写道我正在尝试使用 jQuery UI 更改颜色。