Javascript typeerror begin未定义-firefox

Javascript typeerror begin未定义-firefox,javascript,jquery,Javascript,Jquery,我有这个菜单 <div id="toptest"></div><div id="cover" style="position:relative;z-index:800;"> <div id="header"> Lumen Photography </div> <div class="wrapper"> <ul id="navigation">

我有这个菜单

<div id="toptest"></div><div id="cover" style="position:relative;z-index:800;">
    <div id="header">
        Lumen Photography
    </div>
    <div class="wrapper">
        <ul id="navigation">
            <li><a href="#" alt="toptest" class="subinfo">Home<span>Welkom!</span></a></li>
            <li><a href="#" alt="wie" class="subinfo">Wie zijn we<span>Info over ons</span></a></li>
            <li><a href="#" alt="contact" class="subinfo">Contact<span>(Aan)vraag</span></a></li>
            <li><a href="#" alt="ref" class="subinfo">Referenties<span>Enkele namen...</span></a></li>
        </ul>
    </div>
</div>
<div style="position:fixed;width:100%;top:0px;z-index:600;box-shadow:0px 0px 6px black">
<div id="mainmenu">
    <ul id="yw0">
            <li><a href="#" alt="toptest" class="subinfo">Home</a></li>
            <li><a href="#" alt="wie" class="subinfo">Wie zijn we</a></li>
            <li><a href="#" alt="contact" class="subinfo">Contact</a></li>
            <li><a href="#" alt="ref" class="subinfo">Referentie</a></li>
作为事件侦听器

在chrome中,它可以工作。在firefox中,它只是用来悬停,而不是离开。它给了我一个错误:typeError:begin是未定义的(动画颜色中的r:76),但是动画颜色是一个jquery插件。我以前用过,从来没有遇到过这个问题


怎么办?

好的,firefox似乎需要知道您正在制作动画的元素的初始背景色。因此,必须在动画开始之前添加它:

.subinfo{
背景色:白色;
}
如果要设置颜色的动画,了解结束颜色和初始颜色非常重要。我不知道为什么Chrome不会失败,或者使用什么颜色作为起点


如果没有,它应该可以工作,发布一个JSFIDLE:

在第二个(取消悬停)函数中变量
co
的值是多少?这不是一个真正的问题。只是var co;co在第一个悬停函数中定义。这是一个问题。为什么它不能在firefox中工作?我该如何解决这个问题?当我取消悬停时,它给了我一个错误…好的,对不起,那条丢失的线很重要,呵呵。阅读我的答案,我希望这是一个真实的答案:谢谢。我猜也是这样。但事实并非如此。它与背景颜色有关:'rgba(255,255,255,0)'我删除了它。现在它起作用了。无论如何谢谢你!这是因为
255255255,0
意味着红色=255,绿色=255,蓝色=255,阿尔法=0,也就是说:
透明
。如果将alpha更改为0.1,它将再次工作。有道理,透明不是一种颜色呵呵
 <script src="js/jquery.scrollTo-1.4.3.1.js"></script>
 <script src="js/jqueryui.js"></script>
 <script src="js/jquery.animate-colors.js"></script>  
 <script src="js/jquery.slides.min.js"></script>
        $(this).children().animate({color:returnColor()},100);
        $(this).stop().animate({color:returnColor()},100);
    },
    function(){                
        $(this).children('span').stop().animate({opacity:0}, 200);
        $(this).stop().animate({backgroundColor:'rgba(255, 255, 255, 0)', color:co});
    }
);