Jquery TR上的引导表动画不起作用

我有一个引导表，实际上我想删除一行。但如果我这样做，它看起来并不顺利，只是删除它，所以我想。。。嘿，只需使用动画

.hide（）

：

这实际上有相同的结果。这一行慢慢隐藏起来，下一行就弹出了

下一次尝试是设置行的高度动画：

$('.myTR').animate({
   height: "0px"
}, 1500 );

不起作用。。。事实上它是有效的。。。但只要我把它弄大一点

这有什么诀窍吗

在这个提琴中，您必须单击该行来展开它，然后您可以看到另一个具有glyphicon垃圾箱图标的表的行。点击图标将hight转换为0px

编辑：

---

在这里，我尝试给行一个

display

属性。。。我有一个反应，但它仍然看起来很奇怪^ ^

一种可能是有效地删除行，但同时在Y方向上变换它下面的行，这样它们就不会移动

你需要事先知道行高

如果在动画中设置此变换，则在考虑时间之后将其设置为0

---

请注意，要使其再次工作，应在动画发生后的超时时间内删除测试类。我在小提琴中使用的方法不会可靠地工作

一种可能性是有效地删除行，但同时在Y方向上变换它下面的行，使它们不会移动

你需要事先知道行高

如果在动画中设置此变换，则在考虑时间之后将其设置为0

---

请注意，要使其再次工作，应在动画发生后的超时时间内删除测试类。我在小提琴中使用的方法不会可靠地工作

一种可能性是有效地删除行，但同时在Y方向上变换它下面的行，使它们不会移动

你需要事先知道行高

如果在动画中设置此变换，则在考虑时间之后将其设置为0

---

请注意，要使其再次工作，应在动画发生后的超时时间内删除测试类。我在小提琴中使用的方法不会可靠地工作

一种可能性是有效地删除行，但同时在Y方向上变换它下面的行，使它们不会移动

你需要事先知道行高

如果在动画中设置此变换，则在考虑时间之后将其设置为0

---

请注意，要使其再次工作，应在动画发生后的超时时间内删除测试类。我在小提琴中使用的方法不能可靠地工作，这花了我一些时间，但现在我知道怎么做了

这是所有寻找这个的人的解决方案

（诀窍是设置所有包含td的动画）

在我的脚本中，TD中有一个图标。如果单击它，我希望表行能够平滑隐藏。因此，我得到了上面的

tr

像

.closest（'tr'）

。但是简单地设置

tr

高度的动画是不起作用的，因为

tr

中有一些带有css设置的元素。e、 g.

字体大小

或

填充

---

因此，要解决这个问题，需要在

tr

中选择所有

td

（

.children（'td'）

）。然后，

.animate（）

会像expact一样工作。请参见上面的示例或

这花了我一些时间，但现在我知道如何操作

这是所有寻找这个的人的解决方案

（诀窍是设置所有包含td的动画）

在我的脚本中，TD中有一个图标。如果单击它，我希望表行能够平滑隐藏。因此，我得到了上面的

tr

像

.closest（'tr'）

。但是简单地设置

tr

高度的动画是不起作用的，因为

tr

中有一些带有css设置的元素。e、 g.

字体大小

或

填充

---

因此，要解决这个问题，需要在

tr

中选择所有

td

（

.children（'td'）

）。然后，

.animate（）

会像expact一样工作。请参见上面的示例或

这花了我一些时间，但现在我知道如何操作

这是所有寻找这个的人的解决方案

（诀窍是设置所有包含td的动画）

在我的脚本中，TD中有一个图标。如果单击它，我希望表行能够平滑隐藏。因此，我得到了上面的

tr

像

.closest（'tr'）

。但是简单地设置

tr

高度的动画是不起作用的，因为

tr

中有一些带有css设置的元素。e、 g.

字体大小

或

填充

---

因此，要解决这个问题，需要在

tr

中选择所有

td

（

.children（'td'）

）。然后，

.animate（）

会像expact一样工作。请参见上面的示例或

这花了我一些时间，但现在我知道如何操作

这是所有寻找这个的人的解决方案

（诀窍是设置所有包含td的动画）

在我的脚本中，TD中有一个图标。如果单击它，我希望表行能够平滑隐藏。因此，我得到了上面的

tr

像

.closest（'tr'）

。但是简单地设置

tr

高度的动画是不起作用的，因为

tr

中有一些带有css设置的元素。e、 g.

字体大小

或

填充

---

因此，要解决这个问题，需要在

tr

中选择所有

td

（

.children（'td'）

）。然后，

.animate（）

会像expact一样工作。请参见上面的示例或

因为我使用了pnotify和nice事件“打开后”或/和“关闭后”（还有很多），所以我可以这样处理它。但是当它被移除的时候，它看起来还是有点脏…我发现我们在设置行

$('.myTR').animate({
   height: "0px"
}, 1500 );

$('.glyphicon-trash').on('click', function(){
    $(".test").removeClass('test');
    $(this).closest("tr").nextAll().addClass('test');
    $(this).closest("tr").remove();
});

.test {
    -webkit-animation: move 1s;
    animation: move 1s;
}

@-webkit-keyframes move {
    0% {transform: translateY(23px);}
  100% {transform: translateY(0px);}
}

@keyframes move {
    0% {transform: translateY(23px);}
  100% {transform: translateY(0px);}
}

$('.myTR').children('td').animate({
    'font-size': 0,   //needed
    opacity:0,        //optional but looks smoother
    height:0,         //needed
    padding:0         //needed
},function(){
    $('.myTR').remove();
});