为什么此jquery动画不按预期旋转？

Question

该.js在小提琴中完美工作

function animationLoop() {
    $("#ToBeAnimated").css({
        top: ($("#paperTrail").offset().top - parseInt($("#ToBeAnimated").height()) / 2),
        left: ($("#paperTrail").offset().left - parseInt($("#ToBeAnimated").width()) / 2)
    }).rotate(270);
    $("#ToBeAnimated").animate({
        top: $("#paperTrail").offset().top + $("#paperTrail").height() - $("#ToBeAnimated").height() / 2
      }, 1000, function() {
        $(this).animate({
            rotate: "180deg"
        }, function() {
            $("#ToBeAnimated").animate({
                left: $("#paperTrail").offset().left + $("#paperTrail").width() - $("#ToBeAnimated").width() / 2
            }, 1000, function() {
                $(this).animate({
                    rotate: "90deg"
                }, function() {
                    $("#ToBeAnimated").animate({
                        top: $("#paperTrail").offset().top - $("#ToBeAnimated").height() / 2
                    }, 1000, function() {
                        $(this).animate({
                            rotate: "0deg"
                        }, function() {
                            $("#ToBeAnimated").animate({
                                left: $("#ToBeAnimated").width() / 2
                            }, 1000, function() {
                                setTimeout(animationLoop, 1000);
                            });
                        });
                    });
                });

            });
        });
    });
}
animationLoop();​

但是在实际站点上，剪刀旋转不起作用或以某种方式损坏了……我已经检查过了……猜测并检查了……研究了可能的冲突……但是我卡住了！ 也许我缺少明显的东西？

感谢您提供一百万美元的帮助！...若要观看实时网站上的动画，只需单击“剪切！！！！” 第一张优惠券底部的按钮！

极限优惠券网络

更新：这与在页面上具有多个动画实例有关...当我查看一个结果为一个页面的页面时，它对我有用...但是...我仍然无法使它与许多项目一起使用在页面上（这就是我真正想要的）。...理想情况下，无论您单击哪个优惠券，都会在其上显示动画...目前，该动画仅适用于第一张优惠券...并且非常动摇

再次感谢！

Answer 1

您正在测试的小提琴使用的是jQuery 1.8.2版。 但是，您的网页上使用的是1.7.2版。 如果将小提琴中的jQuery版本更改为1.7.2，则会得到与页面上完全相同的错误行为（FF中为抖动动画，IE或Chrome中没有旋转）。

解决方案：更新项目中使用的jQuery版本！