当模态仅在活动选项卡引导程序上关闭时启动动画

Question

当用户仅在活动标签中关闭模态时，我需要开始制作动画。

棘手的部分是我在移动设备上的2个标签中有3个标签，但在ipad上，并且表现为只有2个标签，一次显示内部标签。

css过渡

.bar{
    width: 0%;
    transition-duration: 1350ms !important;
    transition-timing-function: linear;
} 
.bar.animation-stopped {
    width: 0%;
}

计算动画后的最终宽度，并将jquery作为样式宽度添加到div：x％;

html看起来像

<div class="bar animation-stopped" style="width:85%;"></div> 

我正在使用

删除动画停止的类

if ($('.bar').is(':visible')) { 
     $('.bar').removeClass('animation-stopped');
 }
 // or just to control de modal in out
 if ($('#modal').not('.in')) {
    $('.bar').removeClass('animation-stopped');
 }

但是一旦页面加载时没有考虑模态和标签

，动画就会启动