jquery fadeIn不工作

有人可以告诉我我做错了：

样式：

.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
 });

解决方法

除非元素被隐藏，否则不会发生淡入淡出，你需要这样的东西：

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

You can give it a try here，$()在1.4中被弃用，你应该使用$(document)或更短的版本，像这样：

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

另一种方法是给元素一个显示：none，但是这会打破JS禁用的用户，或者如果JavaScript错误防止褪色，所以你可能想要避开这种方法。