jquery - jQuery振り子がie9で機能しない

Question

私はhtml5 と jquery の振り子を見下ろしてきましたが、この例をウェブサイトで見つけました...

http://www.webdevdoor.com/javascript-ajax/jquery-pendulum-animation-pivot-point/

私は自分のウェブサイトにカスタマイズを埋め込んでいます。これは Ie8 および以前のバージョンの firefox と safariでは機能しないという言及のドキュメントを読みました。すべての UI を一緒に配置した後、IE9で問題があるようです .. .

私は何を知りませんが、例は私のデモでは機能していません...

例：-

http://www.webdevdoor.com/demos/html5-pendulum-demo/

私のデモ:-

http://jsfiddle.net/sZzy6/2/

スクリーンショット:-

私のJS： -

$(document).ready(function(){
    var rotation = 7;
    var swingtime = 1603;
    var swinger = $('.pendulum-parent');

function init() {
            swinger.animate({rotate: rotation}, 0, function () {
                swinger.css("display", "block");
                rotation *= -1;
                pendulumswing1();
            });
}
function pendulumswing1() {
            swinger.animate({rotate: rotation},swingtime, "swing", function(){
                 rotation *= -1;
                 pendulumswing1();
            });
        }
init();

    });

上記の解決策はありますか？どこで私は間違っていましたか？またはそのOSまたはブラウザの問題ですか？

Answer 1

これを既に修正しているかどうかはわかりませんが、jsfiddle とデモ Web サイトの両方が IE9 で動作します。これを IE10 で実行していますが、ブラウザー モードは CSS と JavaScript の機能を完全にエミュレートする必要があります。これは、ブラウザの外部の問題を示している可能性があります。

また、ここではフィドルを少し簡略化しています

$(function(){   

    var rotation = 7;
    var swingtime = 1603;
    var swinger = $('.pendulum-parent');
    swinger.css("display", "block");

    function pendulumSwing(first) {
        swinger.animate({rotate: rotation},swingtime, first? 0 : "swing", function(){
                 rotation *= -1;
                 pendulumSwing();
            });
        }
    pendulumSwing(true);

});

そして、それが実際に機能することを確認できるスクリーンショット.

Answer 2

あなたのコードは、あなたが提供したとおりに機能しています。

Internet Explorer 10 を IE9 ブラウザー モードで使用していますが、正常に動作します。

以下は、実行オプションをクリックするだけで動作する振り子のスクリーンショットです。