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");
});