AJAX jQuery CSS - 再次为 div 设置动画答案

【问题标题】：AJAX jQuery CSS - animate div againAJAX jQuery CSS - 再次为 div 设置动画
【发布时间】：2017-04-06 09:01:49
【问题描述】：

我有一个调用 ajax 请求的网上银行表格。如果出现问题，我将显示一个带有 CSS 类的 div。 CSS 类确实为 div 设置了动画。

因此，例如，如果我放错了别针，它会震动我的 div。代码如下：

$("#div-error").css('display', 'inline-block', 'inline-block');
$("#div-error").html("<i class='fa fa-exclamation-circle' aria-hidden='true'></i> text here");

如果我输入了另一个错误的 pin，我想再次摇动 div，但实际上它只是站在那里。

我该如何解决这个问题？

我已经尝试过显示>none div 并显示>inline-block 再次。

【问题讨论】：

代码和问题似乎不匹配。
删除执行动画的类并重新添加它。还有你上面的.css 是错误的

标签： javascript jquery css ajax

【解决方案1】：

正如皮特所说，您需要删除并重新添加将启动 CSS 动画的 css 类。

此处的简短示例：https://jsfiddle.net/36484n3b/

$("#div-error").addClass("shake");
setTimeout(function(){ $("#div-error").removeClass("shake"); }, 1000);

【讨论】：

啊。所以逻辑。没想到。