Javascript 加载页面时添加animate.css类

我有一个全屏div（#loader），因为它将使用效果删除。我在文本上使用了一些效果，效果非常好。但是当页面完全加载时，我的全屏div不会反弹。我已经尝试使用jQuery来实现这一点。这是我正在使用的代码（放在页脚中）

$（文档）.ready（函数（）{
$（'#loader'）.addClass（'animated bounceOutDown'）；
});

#加载器{
背景：线性梯度（-45度，#EE7752，#E73C7E，#23A6D5，#23D5AB）；
背景大小：400%400%；
-webkit动画：渐变15s轻松无限；
-moz动画：渐变15s轻松无限；
动画：渐变15s轻松无限；
位置：绝对位置；
左：0；
排名：0；
宽度：100vw；
高度：100vh；
z指数：99999；
}

加载

---

看看我的表。我做错了什么？谢谢你的建议

动画类和反弹向下类添加到#Loader元素中，但由于您在css文件中使用动画属性，动画类和反弹向下类中的代码被覆盖，无法工作

---

请发布您的HTML和CSS。您正在加载jQuery库吗？您在控制台中看到任何错误吗？您不需要将其添加到页脚，因为您使用的是

.ready（）

。您是否知道jQuery代码

.addClass（'animated bounceOutDown'）

并没有给它带来

bounceOutDown

的效果，而是给类

animated

和

bounceOutDown

jQuery对我页面上的其他东西非常有效，比如fadeOut…我正在使用

。单击（）；（‘动画反弹’）

页面上使div反弹的其他地方

bounceOutDown

。