jQuery.remove（）是否真的同步？

Question

我面對下面的代碼在Ajax請求的成功塊：

$('#something').remove(); 
alert('something was removed'); 

執行時我預期完成刪除「東西」，之後彈出一個警告，但由於某種原因警報彈出並且只有在確認元素被移除之後。

這是爲什麼發生？這是微不足道的代碼，我想避免回調等。我應該檢查什麼？

它在FF上進行了測試。感謝您的提示。

Answer 1

就像Ivan Minakov said in his answer一樣，爲了看到在警報之前重新繪製的頁面，您必須讓JavaScript代碼完整。發生這種情況後，您可以安排繼續 - 顯示警報。

通常，這不會發生在JavaScript中 - 像alert和prompt這樣的函數是例外的，因爲它們在用戶行爲之前實際上阻塞了該線程。

這意味着你可以達到你想要的東西：

$('#something').remove(); 
setTimeout(() => { 
    alert('something was removed'); 
}); 

或異步/等待，如果這是你的事：

// in an async function 
$('#something').remove(); 
await delay(0); 
alert('something was removed'); 

// ...somewhere... 

function delay(ms) { 
    return new Promise(resolve => setTimeout(resolve, ms)); 
} 

Answer 2

As T.J.

DOM操作（插入元素，刪除它們，移動它們）是 同步的，雖然用戶可能無法看到結果，直到你的 JavaScript代碼完成，讓瀏覽器使用線程：克勞德在他answer說 重新繪製顯示。