2014-09-19 68 views
0

我在iPad上进行测试时遇到了一个难解的问题。我有一系列元素可以将页面投射到各自的位置。然而,最近在iPad4上我发现这些元素不会射向他们的位置。元素具有“速度动画”类应用,但它们挂起而不会动画。我尝试过使用stop()以及clearQueue(),但没有运气。Velocity JS挂在iPad上

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

有使用有几个变量,但元件的阵列被传递到功能和我通过它动画的元素的集合top和left值迭代。

奇怪的是,如果我将iPad从风景转换为纵向和背面,那么这些元素就位于正确的位置。有任何想法吗?

回答

1

对于任何可能遇到此问题的人来说,问题在于最近将动画gif包含在要动画的元素下面。看起来好像有太多的动画一旦发生,iPad就会挂断。我通过动画制作所需的元素来解决这个问题,然后一旦完成,运行一个setTimeout以淡入下面的动画gif。

不理想,但它的工作原理。