jquery fadeIn不工作

Question

有人可以告诉我我做错了什么:

样式:

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

标记:

 <p class="warning">A successful authorization already exists. 
                    Further authorizations are not allowed at this time.</p>

脚本:

 $().ready(function () {
     alert($(".warning").html());     // WORKS
     $(".warning").fadeIn(4000);      // DOESN'T WORK
 });

Answer 1

除非元素被隐藏,否则不会出现淡入淡出,你需要这样的东西:

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

你可以在这里尝试一下,也不$()推荐在1.4+,你应该使用$(document)或更短的版本,如下所示:

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

替代方案是display: none最初为元素提供一个但是对于已禁用JS的用户会中断,或者如果发生JavaScript错误以防止淡入淡出,那么您可能希望避开这种方法.

Answer 2

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

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