jquery - jqueryがテーブルの行でフェードインしない

Question

私はこのような変数の行のhtmlを持っています

var newRow = "<tr><td>test</td></tr>"

私の成功関数
では、これを追加しています

$('.my_table tr:last-child').before(newRow).fadein();

しかし、それは機能していません

Answer 1

$('.my_table tr:last-child').before(newRow).fadein();
//                                              ^----------

$('.my_table tr:last-child').before(newRow).fadeIn();
//                                               ^----------    

いつものように、javascriptでは大文字と小文字が区別されます。:)

---

アップデート：

要素を挿入する前に、要素を非表示にする必要があります。

var newRow = $("<tr><td>test</td></tr>").hide();
$('.my_table tr:last-child').before(newRow).fadeIn();

Answer 2

このフィドルをチェック

$('#addNewRow').on('click',function(){
   var newRow = $("<tr><td>test</td></tr>");
   newRow.hide();
   $('.my_table tr:last-child').before(newRow);
   newRow.fadeIn("slow");
});