jquery - jQuery：2个fadeIn调用彼此在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)在动画调用之前添加一个（无论是淡入淡出、滑动、动画......）。

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