페이드 인, 페이드 아웃이 작동하지 않음

Question

이 작업을 수행하려고합니다.

$('#disclaimer').fadeIn('fast').delay(1000).fadeOut('fast'); 

http://jsfiddle.net/SUBnz/1/.

이 내 코드

<style> 
 

 
#disclaimer{ 
 
\t width: 100%; 
 
\t height: 75px; 
 
\t margin-top: 0px !important; 
 
\t position: fixed; 
 
\t float: left; 
 
\t bottom: 0 !important; 
 
\t  z-index:3; 
 
\t overflow: hidden; 
 
\t display: none; 
 
\t background: #fff; 
 
\t font-weight: normal !important; 
 
\t border-top: 0px solid black; 
 
} 
 

 
#disclaimer p{ 
 
\t font: 1.1em "Futura",Helvetica,Arial,sans-serif; 
 
\t width: 100%; 
 
\t padding-top: 30px; 
 
    margin: 0 auto; 
 
    font-weight: normal !important; 
 
\t line-height: 100%; 
 
\t text-align: center !important; 
 
    -webkit-transition-property: font-size; 
 
\t -moz-transition-property: font-size; 
 
\t transition-property: font-size; 
 
\t -webkit-transition-duration: 0.5s, 0.5s; 
 
\t -moz-transition-duration: 0.5s, 0.5s; 
 
\t transition-duration: 0.5s, 0.5s; 
 
\t -webkit-transition-timing function: linear, ease-in; 
 
\t -moz-transition-timing function: linear, ease-in; 
 
\t transition-timing function: linear, ease-in; 
 
\t margin-bottom: 10px; 
 
} 
 

 
#disclaimer a{ 
 
\t text-decoration: none; 
 
\t padding-right: 18px; 
 
\t padding-left: 18px; 
 
} 
 
</style> 
 

 
<div id="disclaimer"> 
 
<p> 
 
    Text 
 
</p> 
 
</div>

http://www.adress.com/에서 바닥 글을 통해의 스크립트 (페이지 메신저 작업)와

입니다. 여전히 눈에 띄는 효과는 없습니다. 누구나 왜 그런 생각이 들지? 감사! 잘못이야 있도록

Answer 1

, 당신은 귀하의 사이트가 (확인 항상 가치)에 JS 콘솔에서 오류 Uncaught TypeError: $ is not a function을 보여주고있다

$('#overlay').fadeIn('slow').delay(1000).fadeOut('slow'); 

Answer 2

는 #disclaimer

Answer 3

에서 display: none;을 제거 시각 효과를 볼 수 slow으로 시도 JQuery 포함.

CDN에서 포함하거나 서버에 호스팅하십시오. 는 CDN에서 포함

는 스크립트 전에이 포함됩니다

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 

https://developers.google.com/speed/libraries/#jquery

Answer 4

당신은 콘솔을 살펴, 페이지에 오류가 많이 있습니다.

jQuery 1.11, jQuery 1.12 및 migrate 플러그인을 한 번 호출 해 보았습니다. 지금은 작동하지만,

jQuery('#disclaimer').fadeIn('fast').delay(1000).fadeOut('fast');