jQuery：2個彼此不起作用的fadeIn調用

Question

我正在開發PhoneGap / JQueryMobile應用程序。 我有一個包含另一個div的容器div，其中另一個div帶有圖像和文本（兩個div在動畫開始時都具有“ display：none;” css屬性）。 我想淡入容器，然后淡入內部的div。 這是代碼：

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

在計算機瀏覽器，iPad上但不能在iPhone上正常運行。 容器會正確淡入，但內部div僅顯示在動畫的末尾。

有誰知道是什么原因造成的？

Answer 1

根據我的經驗，我想補充一點，您應該始終在動畫調用之前添加.stop(true, true) （無論它是淡入淡出，滑動，動畫...）。

如果沒有停止播放動畫並將其從隊列中刪除，它可能會產生怪異的結果，甚至凍結您的應用程序。