가 정의되어 있지 않습니다 - 파이어 폭스

Question

을 나는이 메뉴 그것은이 개 메뉴의

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

에게 있습니다. 그들은 실제로 동일하지만 하나는 다른 뒤에 있으며 당신이 아래로 스크롤하면 나타납니다 (나는 스크롤에 나타나는 세미 고정 헤더를 사용하고 싶지 않습니다. 느린 PC의 지연).

이 자바 스크립트 선언 :

<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 co; $ ('. subinfo') .hover ( function() { co = $ (this) .css ('color'); $ .children(). stop(). animate ({opacity : ... 형식 오류 : 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}); 
    } 
); 

크롬에서

, 그것이 가져 그냥 작동하지만 남기지 않도록 그것은 나에게 오류를 제공, 파이어 폭스에서 작동 시작 (r : animate-colors에서 r : 76)하지만 애니메이션 색상은 jquery 플러그인입니다. 이전에 사용했는데이 문제를 경험하지 못했습니다.

무엇을합니까?

Answer 1

좋아, 파이어 폭스는 애니메이션을 적용 할 요소의 초기 background-color을 알아야합니다. 그래서 당신은 애니메이션이 시작되기 전에 추가해야합니다 :

.subinfo { 
    background-color:white; 
} 

당신이 색상을 애니메이션을 적용 할 경우, 그것은 중요 최종 색상과 초기 일을 모두 알고. 나는 jsFiddle를 크롬 실패하지 않는 이유를 모르거나 무슨 색깔 시작점으로 사용하고 ...하지 않을 경우

그것이, 그와 함께 작동합니다, 게시 : http://jsfiddle.net/