Windows上のSafariでjQueryアニメーションがスムーズでない

Question

Safariを除くすべてのブラウザでスムーズにレンダリングされるjQueryアニメーションがあります（Windows 7のみでテスト済み）。

Safariをサポートすることが重要です。だれでもそれがなぜかという手がかりを持っていますか？

ところで、これは私がこの問題を遭遇する初めてのことではありません。

これは私が使用しているコードです：

setInterval(function() { 
    nextObstacle = createObstacle(); 
    animateLoops(nextObstacle,direction); 
    direction = (direction == '+=3') ? ('-=8') : ('+=3'); 
}, 2000); 

function animateLoops(o,direction) { 
    o.animate ({ 
    'top': '+=1', 
    'left': direction, 
    'height': '+=5', 
    'width': '+=5' 
    }, 100, 'linear', function() { 
    if (o.outerWidth()<200) // keep moving 
     animateLoops(o,direction);   
    else { // check success 
     o.fadeOut(); 
    } 
    }); 
} 

<style> 
#game-div { 
    width:590px; 
    height:700px; 
    background: url(images/background-1604.png); 
    position:relative; 
    /* cursor: url(images/plane-1604.png), auto;*/ 
} 

.loop { 
    position:absolute; 
    top:230px; 
    left:270px; 
    width: 30px; 
    height:30px; 
} 
</style> 

をあなたはそれがここに住んで見ることができます：http://www.israelinsidethemovie.com/plane-game/

Answer 1

私はWindows XP上のSafari 5.1.4および5.1.1でページをテストしてみましたSafariでは他のブラウザと比較して滑らかさが少ないことを確認できます。

私はjqueryライトボックスを使用していますが、Windows Safariでは他のブラウザと比べて非常にぎりぎりです。

私はcolorboxとfancyboxの両方を使用していますが、どちらもSafariでジャーキーです。

私の結論 - Windows Safariはjqueryのアニメーションに問題があります。申し訳ありませんが解決策。 （Tats_innitコメントごとなど）は、Mac上のすべてうまくいけばOK Safariで

- 窓