我的javascript删除类+；单击仅在Chrome上工作而不在Firefox或IE上工作时添加类

出于某种原因，我在点击链接时删除/添加类的javascript只适用于Google Chrome。在Firefox上，它执行一次，然后不再重复。在IE上，这完全不起作用。（Firefox和Chrome的最新版本，IE 11）

如果有人能给我指出正确的方向，我将不胜感激

这里有一个简单的问题：

这是javascript：

$('[data-toggle="tab"]').click(function() {
    $('.tab-pane').removeClass('animated flipInY');
    $('.tab-pane').addClass('animated flipInY');
});

一些虚拟内容：

<ul class="main-nav">
    <li><a href="#front" data-toggle="tab">Front</a></li>
    <li><a href="#back" data-toggle="tab">Back</a></li>
</ul>

<div class="tab-content">
    <div class="tab-pane active" id="front">
        <img src="http://lorempixel.com/400/200/" />
    </div>

    <div class="tab-pane" id="back">
        <img src="http://placehold.it/400x200" />
    </div>
</div>

编辑#1:

---

CSS转换来自animate.CSS。如果我只是在没有javascript的情况下使用它们，那么它在现代web浏览器上就可以完美地工作。我认为CSS不是问题所在

编辑#2:

---

显然，它对其他人的IE10和IE11有效，但对我的IE10和IE11无效。这仍然是Firefox只播放一次代码的问题。

您正在删除类，然后立即添加它们–因此，如果出于性能优化的原因，浏览器决定不在这两个操作之间重新绘制，则根本不会产生任何可见的效果

通过使用一个小的超时来“取消耦合”再次添加类，它似乎也可以在FF中工作：

$('[data-toggle="tab"]').click(function () {
    $('.tab-pane').removeClass('animated flipInY');
    setTimeout(function () {
        $('.tab-pane').addClass('animated flipInY');
    },
    10);
});

---

在IE 10中工作，比在Chrome中更好。但在FF中，正如您所指出的，它只工作一次。我的手指会指向您正在使用的CSS转换，而不是jQuery。您是否检查了FF和IE版本中对它们的支持？CSS转换来自animate.CSS。它是相当有名的，在现代浏览器上工作完美无瑕。我将在我的原始帖子中添加一条注释。在IE 11中，Firefox对我非常有用，正如您所报告的那样。@user3753984您有HTML5 doctype吗？数据类型是和HTML5元素。谷歌Chrome可能只是因为它很聪明才认识到它。这正是我想到的--+1。干得好令人惊叹的！非常感谢。现在我只需要弄清楚为什么它不能只对我的IE起作用（对这里发布的其他人起作用，但不仅仅是我一个人）。我想知道IE11对于WIndows 8.1和IE11对于WIndows 7是否有区别。