Затухает элемент при загрузке с помощью 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 (маловероятно, я но возможно) таблица никогда не будет отображаться.

Answer 2

Ваша таблица отображается по умолчанию, используйте для укладки, чтобы скрыть его:

table { 
    display: none; 
} 

Fiddle

Answer 3

Вы должны hide() прежде чем fadeIn(), попробуйте следующее:

$(document).ready(function() { 

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

}); 

Answer 4

Вы код право просто увидеть fadeIn() эффект сначала fadeOut это или скрыть это вот так ..

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