Обнаруживать, если элемент с учетом Bootstrap modal?

Question

Я загружаю отдельную страницу HTML в модальное окно Bootstrap. В этом модальном есть элементы, которые необходимо оживить, используя animate.css. Вероятно, я могу заставить эту часть работать, но проблема, которую я не могу понять, - это определить, когда элемент, который я хочу оживить, действительно отображается в окне просмотра, когда модаль открыт, поэтому я могу использовать jQuery для добавления анимированные классы. Помогите?

Спасибо!

Answer 1

Я не пробовал это, но думаю, он будет работать. Сначала нужно добавить класс для ваших элементов, так что они будут невидимы по умолчанию:

.el { 
    visibility: hidden; 
} 

Затем проверьте, когда получает открыто модальное и изменять их CSS с JS для visibility: visible;

$('#myModal').on('shown.bs.modal', function() { 
    $('.el').css('visibility', 'visible'); 
}); 

Я полагаю, все подключенные к нему анимации начнет работать сразу после.