当用户更新数据库中的记录时,我将使用 AJAX 请求修改该记录。然后,我通过调用 addClass
方法向呈现的 div
添加一个类。我添加到 div
的类(我们将其称为 colored
类)仅包含一个 background color
指令(以突出显示当前修改的记录)。
到目前为止一切顺利。
现在我想在 1 秒后使用 fadeOut
效果删除此类。
我已经尝试过这些方法,但在这两种情况下,它不仅删除了类,而且删除了整个 div
。
$("#id1").fadeOut(1000, function() {
$(this).removeClass('colored');
});
或
$("#id1").delay(1000).fadeOut().removeClass('updated_item');
为什么删除了 div
而不是 class
?实际上,div
正在获得 display: none;
样式 - 我在控制台中看到了这一点。
最佳答案
fadeOut
将使整个元素淡出并将其从屏幕上隐藏。如果你想淡化该类的效果,可以使用 jQuery UI .removeClass() (与常规 jQuery 不同,它接受持续时间和淡入淡出效果)或 CSS3 transitions .
关于javascript - jQuery - 如何以给定的延迟从元素中删除类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29284195/