Javascript 使用jquery ui在jquery中设置（文本）颜色动画 $（文档）.ready（函数（）{ $（“#menuknop1”）.hover（函数（）{ $（this.animate（{“color”：“black”}，“slow”）； }，函数（）{ $（this.animate（{“color”：“white”}，“slow”）； }); }); 家

我正在尝试设置这段代码的动画，以便文本在悬停时变为黑色，离开该区域时变为白色。为什么不工作？

首先加载jQuery——jQuery UI是一个插件，不包含jQuery本身：

<!-- include Google's AJAX API loader -->
<script src="http://www.google.com/jsapi"></script>
<!-- load JQuery and UI from Google (need to use UI to animate colors) -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
$("#menuknop1").hover(function() {
    $(this).animate({"color":"black"}, "slow");
}, function() {
    $(this).animate({"color":"white"}, "slow");
});

});
</script>

<div id="menuknop1"><i>Home</i></div>

除此之外，您的代码在这里工作得很好：--前提是您使用jQuery 1.7.2

---

JSFIDLE不允许我在jQuery1.8.0中选择jQueryUI1.8.18。根据jQuery UI网站，“.”

我忘了/故意没有将它粘贴到这个框中，假设人们会理解我已经有了这些。很抱歉，这两个我都有了。任何其他形式的jquery都可以工作。+1，在使用jq1.8和UI时似乎有错误-…Adeneo，你说得对，它不适用于jQuery1.8.0。我现在已经把它改成了1.7.2，它正在工作。这么多的麻烦（哈哈）。感谢您的帮助：）已更新——您需要使用jQuery1.8.0的jQueryUI1.8.23（或更高版本）

<!-- load JQuery and UI from Google (need to use UI to animate colors) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>