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)（无论是淡入淡出，幻灯片，动画......）。

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