jQuery : 2 fadeIn calls after each other not working on iPhone

Question

我正在开发 PhoneGap/JQueryMobile 应用程序。我有一个容器 div，其中包含另一个带有图像和文本的 div(两个 div 在动画开始处都有“display:none;”css 属性)。我想淡入容器，然后淡入内部的 div。这是代码:

$(".container").fadeIn(350, function(){
    $(".innnerDiv").fadeIn(350);
});

这在计算机浏览器、iPad 上运行良好，但在 iPhone 上不行。容器正确淡入淡出，但内部 div 仅在动画结束时显示。

有谁知道这是什么原因造成的吗？

Answer 1

根据我的经验，我想补充一点，您应该始终在动画调用之前添加 .stop(true, true) (无论是淡入淡出、滑动、动画...)。

如果一个动画在另一个动画开始之前没有停止并从队列中删除，它可能会产生奇怪的结果，甚至卡住您的应用。