Css 仅在页面加载时运行动画,在容器再次显示时不运行 你好,世界

Css 仅在页面加载时运行动画,在容器再次显示时不运行 你好,世界 ,css,animation,Css,Animation,页面加载后,这些元素可见,因此bounceIn动画将运行 但在页面上,用户可以单击按钮隐藏div,然后重新显示它。当div再次显示时,我不希望动画运行。有没有一种方法可以实现CSS属性?您可以从p标记中删除bounceIn类。大概是这样的: <div> <p class="bounceIn"> Hello world </p> </div> 有没有一种方法可以在不删除CSS类的情况下实现这一点? $("button").cli

页面加载后,这些元素可见,因此bounceIn动画将运行


但在页面上,用户可以单击按钮隐藏div,然后重新显示它。当div再次显示时,我不希望动画运行。有没有一种方法可以实现CSS属性?

您可以从p标记中删除bounceIn类。大概是这样的:

<div>
  <p class="bounceIn">
    Hello world
  </p>
</div>

有没有一种方法可以在不删除CSS类的情况下实现这一点?
  $("button").click(
  function(){
    $("div").toggle();
    $("p").removeClass("bounceIn");
  });