jquery - 使用 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/

score 8 · Accepted Answer

除非先隐藏，否则它不会淡入。试试这个：

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

这里我用过hide()

或者，您可以不使用 CSS 显示：

table{display: none;}

这样做的缺点是，如果用户没有启用 JavaScript（不太可能，我知道，但可能），表格将永远不会显示。

score 4 · Accepted Answer

你必须hide()先fadeIn()试试这个：

$(document).ready(function () {

    $("table").css('color','green').hide().fadeIn(2000); 

});

score 3 · Accepted Answer

3

您的表格默认可见，使用样式将其隐藏：

table {
    display: none;
}

于 2013-08-07T11:58:14.250 回答

score 1 · Accepted Answer

您的代码是正确的，只是为了首先看到 fadeIn() 效果，或者像这样隐藏它..

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

4 回答 4