wowjs / animate.css 和隐藏元素

Question

我页面上的元素是隐藏的（使用 jquery 的 hide()），并通过用户单击菜单项（使用 jquery 的 show()）来显示。

从隐藏状态显示的元素不会播放 wowjs 或 animate.css 动画。如果我删除隐藏状态，并简单地将它们默认为显示，那么动画会在页面加载时播放。

我希望在元素进入可见/显示状态时播放动画，而不仅仅是在用户向下滚动到它们时播放（我意识到 wowjs 是为此而生的）。

Answer 1

Wow Js 库不提供此功能，例如单击元素动画时将应用，它的动画仅在元素出现在 DOM 上时应用。您可以在 jquery show() 事件累积时应用动画，该时间使用 JQuery addClass() 函数使用 JQuery 的 addClass() 函数为单击事件提供动画：-

$("element").addClass("animation name from animate.css");