如何让slideUp()在表行上按预期工作？
如何让slideUp()在表行上按预期工作？
提问于 2021-04-04 03:29:56
我在这里有一个演示，我试图解释如何在Code Pen中工作：https://codepen.io/vonroga/pen/gOgWjdj
我有一个基本的表格：
<table>
<tbody>
<tr>
<td>Cell Contents</td>
<td class="del">x</td>
</tr>
<tr>
<td>Cell Contents</td>
<td class="del">x</td>
</tr>
<tr>
<td>Cell Contents</td>
<td class="del">x</td>
</tr>
</tbody>
</table>使用JavaScript/jQuery，我想使用slideUp() jQuery动画在单击表行中的delete按钮后隐藏该行。但是，表行上不会播放任何动画(请参阅上面链接的代码笔)。
$('td.del').on('click', e => delCel(e));
function delCel(e) {
// What I want to work:
// $(e.target).parent().slideUp(1000);
// What actually Works:
$(e.target).parent().hide(1000);
}对于slideUp()，动画不会播放，超时后元素会突然消失。至少hide()会淡出文本和单元格边框，直到隐藏后，行才会突然从表中弹出。
那么，我如何让表格行向上滑动，就像它在它上面的行下移动一样，并将该行下面的表格中的元素一起向上拖动，以获得平滑的动画？我的猜测是jQuery不太能做到这一点，所以如果我必须使用其他东西，我想这就是我要做的。
如果使用CSS/JS更简单，请随时建议使用CSS/JS完成此操作。
回答 1
Stack Overflow用户
发布于 2021-04-04 13:14:24
table,
tr, td{
border: 1px solid black;
}
table {
min-height:200px;
}
td.del {
padding: 3px 8px;
cursor: pointer;
}但这可能不是你所期望的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66935126
复制相关文章
相似问题
腾讯云开发者
