Typeerror开始是未定义的- firefox

typeerror begin is undefined - firefox

本文关键字：firefox 未定义 开始 Typeerror      更新时间：2023-09-26

我有这个菜单

<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>

这是两个菜单。它们实际上是相同的，但一个是在其他人后面，如果你向下滚动(我不想使用出现在滚动上的半固定标题)。

这个javascript声明:

 <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>

和jquery.js完全在顶部声明。

var有限公司;$ (' .subinfo ') .hover (函数(){Co = $(this).css('color');美元(这)定格()鸡毛蒜皮()。动画({不透明度:1},200);

        $(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});
    }
);

作为事件监听器。

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

什么?

好了，看来firefox需要知道你要制作动画的元素的初始background-color。所以你必须在动画开始前添加它:

.subinfo {
    background-color:white;
}

如果你想让一个颜色动起来，知道结束颜色和初始颜色是很重要的。我不知道为什么Chrome不会失败，或者使用什么颜色作为起点…

它应该工作，如果不是，张贴一个jsFiddle: http://jsfiddle.net/

相关文章：