我正在使用 div 生成表格显示:
<div class="table-wrapper">
<div class="table-row">
<div class="table-cell">
Id
</div>
<div class="table-cell">
Name
</div>
<div class="table-cell">
Age
</div>
</div>
<div class="table-row">
<div class="table-cell">
1
</div>
<div class="table-cell">
Joe
</div>
<div class="table-cell">
25
</div>
</div>
<div class="table-row">
<div class="table-cell">
2
</div>
<div class="table-cell">
Robbin
</div>
<div class="table-cell">
33
</div>
</div>
<div class="table-row" id="row">
<div class="table-cell">
3
</div>
<div class="table-cell">
Mark
</div>
<div class="table-cell">
62
</div>
</div>
</div>
我想让我的表格行有 slideUp 效果,但它不起作用。 这个jsFiddle更好地描述了我的问题。
最佳答案
表格行不支持动画,您可以使用 fadeIn()
和 fadeOut()
但不能使用 slideUp()
等动画, slideDown()
试试这个
我已经改变了你的CSS
.table-wrapper{
display:table;
}
.table-row{
width:200px;
}
.table-cell{
display:table-cell;
border:1px solid gray;
padding:5px;
width:50px;
}
这是一个有效的 DEMO fadeout()
而不改变你的表格格式
希望对你有帮助,谢谢
关于jquery - 为什么 slideUp 效果不适用于具有表格行显示的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18609218/