0

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/

4

1 に答える 1

1

あなたのページを Windows XP の Safari 5.1.4 と 5.1.1 でテストしましたが、Safari では他のブラウザに比べてページが非常に滑らかでないことが確認できました。

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

colorbox と fancybox の両方を使用しましたが、どちらも Safari でぎくしゃくしています。

だから私の結論 - Windows Safariにはjqueryのアニメーションに問題があります。申し訳ありませんが、解決策はありません。

うまくいけば、MacのサファリですべてOKです（Tats_innitのコメントによる）-これはWindowsよりも重要です

于 2012-04-27T10:56:23.507 に答える