jquery fadein不工作

除非元素被隐藏,否则不会发生淡入淡出,您需要这样做:

$(".warning").hide().fadeIn(4000);

You can give it a try here 也 $() 在1.4+中已弃用,应使用 $(document) 或较短的版本,如:

$(function() {
  $(".warning").hide().fadeIn(4000);
});

另一种方法是给元素a display: none 最初 但是 对于禁用JS的用户,或者如果发生阻止淡入淡出的javascript错误,那么您可能希望避开这种方法。

添加 display:none 到您的CSS代码。

.warning{border: 1px solid #F0AAAA; background:#FFBABA; color: #C90000;display:none}

我倾向于认为你想为时尚管理一些活动。请参见以下工作示例: http://jsfiddle.net/hPHPn/

因此:

$(document).ready(function(){
    $(".warning").hide();// hide it initially
    $('#unhideit').click(function(){
        $(".warning").fadeIn(4000);                            });
});

对于一些简单的标记:

<p class="warning">A successful authorization already exists  
    for this Quote ID. Further authorizations are not allowed at this time.</p> 
<input type="button" id="unhideit" value="clickme" />

我最近在我的申请中做了同样的事情。在我的顶部 html 我拥有的文件:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="advtemp3jquery.js"></script>

说的部分 src="advtemp3jquery.js 指我的外部 .js 文件。我发现将代码保存在外部文件中更整洁。

脚本执行以下操作:

$(document).ready(function() {
    $('.header1,.header2').fadeIn('4000');
});