检测元素是否在Bootstrap模式中？

Question

我正在将一个单独的HTML页面加载到Bootstrap模式窗口中。在该模态中，有些元素需要使用animate.css进行动画处理。我可能会让这部分工作，但我无法弄清楚的问题是当模态打开时，如何确定我想要动画的元素何时实际在视口中的视图中，这样我就可以使用jQuery来添加动画类。帮助

谢谢！

Answer 1

我还没试过这个，但我认为它会起作用。首先在元素中添加一个类，以便默认情况下它们不可见：

.el {
    visibility: hidden;
}

然后检查模态何时打开并将jss更改为visibility: visible;

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

我想所有附加的动画都会立即开始运行。