在使用fadein()之后，jquery不起作用
在使用fadein()之后，jquery不起作用
提问于 2013-05-04 01:05:00
我正在尝试将一些额外的行添加到我的表中，但是无法使用fadein()来实现。正如您所看到的，我的是将淡入淡出效果应用到第一行。
Jsfiddle example
如何将fadein应用到我的其他3行？？
我调换了方法的位置，但没有成功
$("input").click(function () {
$("table tr:last")
.hide()
.after("<tr><td>SecondRow</td></tr><tr><td>ThirdRow</td></tr><tr><td>ForthRow</td></tr>")
.fadeIn(1000);
});回答 2
Stack Overflow用户
发布于 2013-05-04 01:09:46
试试这个：
JSFiddle
$("input").click(function () {
var rows = $("<tr><td>SecondRow</td></tr><tr><td>ThirdRow</td></tr><tr><td>ForthRow</td></tr>");
rows.css({
display: 'none'
});
$("table tr:last").append(rows);
rows.fadeIn(1000);
});您可以将这两个语句组合在一起：
var rows = $("<tr><td>SecondRow</td></tr><tr><td>ThirdRow</td></tr><tr><td>ForthRow</td></tr>");
rows.css({
display: 'none'
});至
var rows = $("<tr class=\"display: none\"><td>SecondRow</td></tr><tr><td>ThirdRow</td></tr><tr><td>ForthRow</td></tr>");Stack Overflow用户
发布于 2013-05-04 01:09:49
$("input").click(function(){
$("<tr><td>SecondRow</td></tr><tr><td>ThirdRow</td></tr><tr><td>ForthRow</td></tr>")
.hide()
.insertAfter("table tr:last") // .appendTo("table tbody")
.fadeIn(1000);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16364206
复制相关文章
相似问题
腾讯云开发者
