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

テーブルはデフォルトで表示されます。スタイリングを使用して非表示にします。

table {
    display: none;
}

4 に答える 4