Question

我想让这个工作。

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

来自http://jsfiddle.net/SUBnz/1/。

这是我的代码

<style>

#disclaimer{
	width: 100%;
	height: 75px;
	margin-top: 0px !important;
	position: fixed;
	float: left;
	bottom: 0 !important;
	    z-index:3;
	overflow: hidden;
	display: none;
	background: #fff;
	font-weight: normal !important;
	border-top: 0px solid black;
}

#disclaimer p{
	font: 1.1em "Futura",Helvetica,Arial,sans-serif;
	width: 100%;
	padding-top: 30px;
    margin: 0 auto;
    font-weight: normal !important;
	line-height: 100%;
	text-align: center !important;
   -webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in; 
	margin-bottom: 10px;
}

#disclaimer a{
	text-decoration: none;
	padding-right: 18px;
	padding-left: 18px;
}
</style>

<div id="disclaimer">
<p>
  Text
</p>
</div>

脚注位于http://www.adress.com/（页面即时工作）上。它仍然没有明显的效果。任何人都知道为什么？谢谢！

Answer 1

您的网站在JS控制台中显示错误Uncaught TypeError: $ is not a function（总是值得检查），因此您错误地包含了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 2

页面中有很多错误，请查看控制台。

我看到你调用了jQuery 1.11，jQuery 1.12和migrate插件，试着调用它一次。

就像现在使用 jQuery 而不是 $ 一样，应该可行，但要修复它

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

Answer 3

尝试使用slow，您会看到视觉效果

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

Answer 4

从<div class="element"> <div class="innerElement1"></div> <div class="innerElement2"></div> </div>

中删除display: none;

淡入，淡出不起作用

4 个答案: