当前位置:  开发笔记 > 前端 > 正文

使用.show显示新添加的表行("慢")

如何解决《使用.show显示新添加的表行("慢")》经验,为你挑选了1个好方法。

我正在克隆一个隐藏的表行然后填充它并在验证后我想使用jquery效果显示该行...说.show("slow")

var baseRow = $("#tasks tr#baseTaskLine");
var newRow = baseRow.clone();
var lastRow = $("#tasks tr[id^='TaskLine_']" + dayClass + ":last");

var newRowId;
if (lastRow.length == 0) {
   newRowId = "TaskLine_new0";
}
else {
   newRowId = "TaskLine_new" + lastRow[0].rowIndex;
}

newRow.attr("id", newRowId);

:
[populate new row]
:

if (lastRow.length == 0) {
   baseRow.after(newRow);
}
else {
   lastRow.after(newRow);
}
newRow.hide();
:

:
[validate via webservice call]
:
newRow.show("slow");

这确实显示了行但它立即出现.我试图隐藏行的所有元素,然后显示那些,这似乎工作,但一些奇怪的样式被添加到每个干扰格式,即



1> Tamas Czineg..:

这不会这样.表行和单元格不应显示为块,因此show/fade效果不会直接对表行起作用.

但是,您可以在每个单元格中放置一个

,如下所示:

Cell1:1
Cell2:1
Cell1:2
Cell2:2

然后是以下内容:

$('#row2 td div').show('slow');

这将产生预期的行为.

推荐阅读
mobiledu2402852357
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有