0

我有一个 jQuery 动画，可以在除 Safari 之外的所有浏览器中流畅呈现（仅在 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 上的 safari 中一切正常（根据 Tats_innit 评论）——这比 Windows 更重要

于 2012-04-27T10:56:23.507 回答