0

我在 iPad 上进行测试时遇到了一个晦涩的问题。我有一系列元素在页面上射到它们各自的位置。但是，最近在 iPad4 上，我发现元素不会射到它们的位置。这些元素应用了“速度动画”类，但随后它们挂起并且从不动画。我曾尝试使用 stop() 和 clearQueue() 但没有运气。 

scene.find(".hotspot").each(function() {
        $(this).velocity({
            top: obj[name][i]['top'],
            left: obj[name][i]['left'],
            opacity: 1
        }, 250);
        i++
    });

那里使用了几个变量，但是一个元素数组被传递到函数中，我通过它迭代动画到元素的设置顶部和左侧值。

奇怪的是，如果我将 iPad 从横向旋转到纵向再向后旋转，元素就在正确的位置。有任何想法吗？

4

1 回答 1

1

对于任何可能偶然发现这一点的人来说，问题是最近在要动画的元素下面包含了一个动画 gif。似乎一次动画太多，iPad 就会挂断。我通过对所需元素进行动画处理来解决这个问题，然后一旦完成，运行 setTimeout 以淡入下面的动画 gif。

不理想，但它有效。

于 2014-09-19T11:49:42.020 回答