動畫結束後的淡出頁面

Question

我想動畫（function handleScreen(mql)）運行完成後，頁面（#splash,#name）在1秒後淡出。我試圖添加一個.promise函數，但這似乎不起作用。任何幫助將非常感激。 https://jsfiddle.net/Dar_T/eqdk82ru/1/

handleScreen(mql).promise().done(function() { 
setTimeout(function() { 
     $("#name,#splash").fadeOut("slow"); 
    }, 1000); 
}); 

Answer 1

取決於什麼handleScreen回報：

在jQuery中：

的.promise（）方法返回動態生成的無極是 解決一旦某種類型結合的所有動作收集， 排隊與否，已結束。

默認情況下，類型爲「fx」，這意味着返回的Promise在選定元素的所有動畫完成時解析。 在jQuery中你可以查詢:animated。

所以它應該是：

handleScreen(mql).promise().done(function() { 
    setTimeout(function() { 
      $("#name,#splash").fadeOut("slow"); 
     }, 1000); 
});