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

You can give it a try here ，而且 $() 在 1.4+ 中已被弃用，您应该使用 $(document) 或更短的版本，如下所示:

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

另一种方法是最初为元素赋予 display: none 但是这对于禁用 JS 的用户来说会中断，或者如果发生 JavaScript 错误阻止淡入淡出，因此您可以希望避开这种方法。