Jquery hover（mouseover）可以工作，但hover（mouseRemove）函数不能加载

嗨，这是我对stackoverflow的第一个合法问题，如果我搞砸了一些社会政策，请原谅我。我正在开发Jquery，我正在使用这些插件

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

该代码将激活悬停效果，并将div更改为软红色，但当您将鼠标移离div时，它不会将div更改为纯黑色。大多数在线示例都建议使用非常类似的方法，因此我很好奇我在哪里弄错了这一点

编辑美国东部时间2013年8月27日18:28

我想历史记录是必要的，我的原始代码是一个非常简单的函数，但是在进入下一个动画之前，它有一个动画函数队列的问题

（在两个div之间快速移动鼠标）

---

我认为我已经正确地构造了一个超时函数，如果您启动了一个新的悬停函数，它将停止上一个悬停函数的动画，从而阻止动画的生成。

不太确定您使用

设置超时

试图在那里做什么，但它位于错误的位置

hover

接受两种功能，一种是

mouseover

功能，另一种是

mouseout

。所以应该是这样的：

$(document).ready(function () {
    $('.twitter').hover(
        function () {
            $('body').animate({
                "background-color": "#dd4b39"
            }, 400);
        },

        function () {
            $('body').animate({
                "background-color": "#000000"
            }, 400);
        }
    );
});

如果您想使用

setTimeout

创建延迟，则可以在

animate

函数之前添加

delay

：

$（'body'）.delay（1000）.animate（..

---

有关

悬停的详细信息：
要阻止动画队列建立，需要执行的操作是在调用
animate（）
之前调用：

你的代码真的很奇怪，你想用setTimeout做什么？为什么你的mouseout不工作？是因为你没有给hover

mouseout函数。当你提供一个fiddle时，确保包含所需的库，这里有一个jQuery和jQuery UI库的更新fiddle在前面的评论中，您为什么需要tiemout？谢谢@koala_dev，我从来没有请求过帮助，所以整个JSFIDLE对我来说都是新的。为未来着名。感谢putvande证明我的原始版本格式不正确（我担心这就是问题所在），这是我的原始代码；我希望修复函数的构建。这能解决您的问题吗？如果可以，请您接受它。它没有解决我的问题。延迟使构建问题变得更糟。我为没有尽快解决此问题而道歉：（我会花这么长时间在一个愚蠢的问题上；天哪，它总是那么简单。谢谢你回答@koala_dev。

$(document).ready(function(){
    $('.twitter').hover(
        function() {$('body').animate({"background-color":"#00aced"}, 400);},
        function() {$('body').animate({"background-color":"#232323"}, 400);}
    );
    $('.facebook').hover(
        function() {$('body').animate({"background-color":"#3b5998"}, 400);},
        function() {$('body').animate({"background-color":"#232323"}, 400);}
    );
});

$(document).ready(function () {
    $('.twitter').hover(
        function () {
            $('body').animate({
                "background-color": "#dd4b39"
            }, 400);
        },

        function () {
            $('body').animate({
                "background-color": "#000000"
            }, 400);
        }
    );
});

$('.twitter').hover(
    function() {$('body').stop().animate({"background-color":"#00aced"}, 400);},
    function() {$('body').stop().animate({"background-color":"#232323"}, 400);}
);