jQuery addClass方法正在使用过渡

Question

当我在jQuery中添加类时，也会使用从我添加类的div过渡，但我不明白为什么：

$(this).closest('.dropdown').addClass('load');

.dropdown{
    transition: all 0.5s ease-out;
}

添加类需要0.5秒，这是一个问题。

我该如何处理？我曾考虑过删除过渡，然后重新添加，但这不是一个明确的解决方案。

Answer 1

为什么会这样。

您是说下拉菜单中的所有更改都应进行过渡。 下拉菜单中发生的更改是额外类的更改。

如何解决？

1. 如果只需要一个过渡。

示例：仅更改颜色

transition: color 0.5s ease;

1. 如果需要多个。在较低的级别上指定动画。

示例：使用shoud_be_animated类

进行全部更改

.dropdown .should_be_animated {
    transition: all 0.5s ease;
}