删除过渡，直到添加完成的课程

Question

我正在寻找一种通过jQuery添加类时删除添加到按钮的过渡的方法。在这种情况下，过渡应该不存在。

我的课程是：class="has-transition"

该类的定义如下：

.has-transition {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

现在的想法是在页面加载后运行以下代码：

wrapper.hide();
overviewSwitch.removeClass( "has-transition" );

wrapper2.css( "display", "flex" );
overviewSwitch.addClass( "active" );
overviewSwitch.addClass( "has-transition" );

所以我想做的是删除动画，直到其他内容更改为止。这些东西会更改开关的位置-on或off。但是当我加载页面时，动画仍然存在。也许是因为在运行显示部件时has-transition类没有被完全删除吗？如果是，使用诺言是否明智？