Javascript 添加和删除动画类时设置Div动画的问题

你能看一下并让我知道为什么我不能将动画添加到second click中吗？添加或更新到div中无关紧要

我使用的是Animate.css插件，最初代码对每一个都很好，但在添加removeClass之后，这两个动画都不起作用

<ol class="breadcrumb">
    <li>Model: Economics <span id="data"> </span></li>
</ol>
<button id="add" type="button" class="btn btn-default">Add</button>
<button id="update" type="button" class="btn btn-default">Update</button>

<script>
$(function () {
    $("#add").on("click", function () {
         $('#data').html('Just Been Added');
         $('#data').addClass('animated bounceInLeft');
         $('#data').removeClass('animated bounceInLeft');
    });
    $("#update").on("click", function () {
         $('#data').html('Just Been Updated');
         $('#data').addClass('animated bounceInLeft');
         $('#data').removeClass('animated bounceInLeft');
    });
});
</script>

---

感谢

检查此项，原因是您同时删除并添加了类，因为动画持续1秒，所以我设置了一个超时以在该时间间隔删除它。如果你改变动画的速度，你将不得不在js中为超时做同样的事情。谢谢Ervald，但是为什么我不能将pvrivous动画类作为动画BouncheInLeft？因为元素是动画的，并且默认情况下需要动画类，所以你不必重新添加它。或者你可以用一种更快/更简单的方式来做。通过每次添加跨度元素。