2

この.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();​

しかし、実際のサイトでは、はさみの回転が機能していないか、何らかの理由で壊れています...私はそれを調べました...推測してチェックしました...起こりうる競合を調査しました...しかし、私は立ち往生しています！多分私は明白な何かを逃していますか？

助けてくれてありがとう！...ライブサイトでアニメーションを見るには、「ClipIt!!!」をクリックするだけです。1枚目のクーポン下部のボタン！

極端なクーポンネットワーク

更新：それは、ページ上にアニメーションの複数のインスタンスがあることと関係があります... 1つの結果でページを見ると、それは私にとってはうまくいきます...しかし...私はまだ多くのアイテムでそれを機能させることができませんページ上（これは私が本当に求めているものです）...理想的には...どのクーポンをクリックしてもアニメーションが表示されます...現在、アニメーションは最初のクーポンでのみ機能します...そして非常に不安定です

再度、感謝します！

4

1 に答える 1

0

テストしているフィドルは、jQueryバージョン1.8.2を使用しています。ただし、Webページでは、バージョン1.7.2を使用しています。フィドルのjQueryバージョンを1.7.2に変更すると、ページとまったく同じバグのある動作（FFでのぎくしゃくしたアニメーション、IEまたはChromeでの回転なし）が発生します。

解決策：プロジェクトで使用しているjQueryのバージョンを更新してください！

于 2013-01-03T07:51:40.613 に答える