.animate函数的奇怪行为

Question

我正在使用.animate()来交换两张图片的位置

检查this fiddle。当动画发生时切换浏览器选项卡时，它无法正常工作!!!

下面的

是我使用的代码

  function swapShip(one, two) {
            var oneposition = $("#ship" + shipsArray[one]).position();
            var twoposition = $("#ship" + shipsArray[two]).position();
            $("#ship" + shipsArray[two]).animate({ "left": oneposition.left, "top": oneposition.top }, levelSpeed[level]);
            $("#ship" + shipsArray[one]).animate({ "left": twoposition.left, "top": twoposition.top }, levelSpeed[level], function () {
                ++counter;
                shuffle();
            });
        }

如果我在相同的标签中，这可以正常工作，但如果我导航到另一个标签，则两个/三个图像转到相同的位置！我已经尝试了N次