javascript - jQuery - 如何以给定的延迟从元素中删除类?

标签 javascript jquery fadeout

当用户更新数据库中的记录时,我将使用 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/

相关文章:

javascript - 我对刷卡器和箭头按钮有疑问(魔法)

javascript - 通过 AJAX 发送表格/网格对象

CSS 在页面加载时淡入,在悬停时淡出

jQuery AJAX : How to append a "SAVED" message and make it disappear after a second

javascript - 将函数 “document.getElementById” 更改为 “document.getElementsByClassName” 并添加淡入/淡出 - JavaScript

javascript - 更改光标以放大和缩小符号

javascript - 我的 jquery 菜单焦点功能不工作

javascript - 使用 jQuery 控制 JW FLV 播放器

javascript - 更新 td 的值而不需要重新加载页面

javascript - function(&param) - 就像 PHP 中一样