使用jQuery淡化加载元素

Question

我试图淡化jQuery中的一个元素,尽管它简单,但它对我不起作用.这是代码:

<table><tr><td>Blah</td></tr></table>

$(document).ready(function () {
    $("table").css('color','green');
    $("table").fadeIn(2000);
});

这里是jsFiddle中的一个例子:http://jsfiddle.net/heUkN/1/

Answer 1

它不会淡入,除非它首先被隐藏.试试这个:

$(document).ready(function () {
    $("table").css('color','green');
    $("table").hide().fadeIn(2000);
});

我在这里用过 hide()

的jsfiddle

或者,您可以不使用CSS显示:

table{display: none;}

如果用户没有启用JavaScript(不太可能,我知道,但可能),则表格将永远不会显示.