2013-03-09 1 views
1

코드가 머리에 직접 추가되었을 때 잘 작동하는 슬라이드 쇼가 있지만 Modernizr로드 기능에서 작동하지 않습니다.Modernizr로드 및 cssanimations

브라우저에 따라 필요한 코드 파일을로드하려면 동일한 페이지가 필요합니다. 나는 Modernizr cssanimations와! Modernizr cssanimations를 사용하지 않으려 고 노력했다.

다음은 주석이있는 코드입니다. 제발 도와주세요 - 고든.

css3 animations works in Safari 
<!--link href="_css3/css3_SLIDEglobal.css" rel="stylesheet" type="text/css"> 
<script src="_css3/css3_QUERYdisclose.js"></script--> 



jQuery works in old Firefox and Opera 
<!--link href="_jQ/jQ_SLIDEglobal.css" rel="stylesheet" type="text/css"> 
<script src="_jQ/jQ_QUERYanimateDisclose.js"></script--> 


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="modernizr-latest.js"></script> 

모더 나이저 부하하지 않습니다, 즉 모더 나이저, 질문 & (A)에 권장!

<script> 
     Modernizr.load({ 
     test :  !Modernizr.cssanimations, 
     yep :  ['_jQ/jQ_SLIDEglobal.css', '_jQ/jQ_QUERYanimateDisclose.js' ], 
     nope :  ['_css3/_css3_SLIDEglobal.css', '_css3/css3_QUERYdisclose.js'] 
         }); 
     </script> 
다른 사이트에서 볼 않기에

모더 나이저 부하 :

<script> 
     Modernizr.load({ 
     test :  Modernizr.cssanimations, 
     yep :  ['_css3/_css3_SLIDEglobal.css', '_css3/css3_QUERYdisclose.js'], 
     nope :  ['_jQ/jQ_SLIDEglobal.css', '_jQ/jQ_QUERYanimateDisclose.js' ], 
         }); 
     </script> 
+0

안녕하세요, yep 문의 파일 경로에서 잘못된/_css3_을 정리했지만 여전히 작동하지 않습니다. 나는 또한 css와 jQuery 파일을 같은 폴더에 옮겨서 아무 쓸모가 없었다. 다음은 깨끗한 코드입니다. –

+0

(Apple K이 어떤 이유로 코드를로드하지 않음) MAMP를 localhost로 사용하고 있다는 사실이 Modernizr에 어떤 영향을 줍니까? –

답변

0

방랑 여분의 리튬 코드에 숨어있다. 일단 고정되면, Modernizr.load는 예상대로 작동합니다. 흥미롭게도 스타일 시트가 한 세트 만로드 된 경우 li와 함께 페이지가 작동했습니다.