我有一個包含一些元素的 div。當(dāng)用戶選擇一個按鈕時，div 將被清除并動態(tài)填充新內(nèi)容。我在清除 div 之前和填充它之后運(yùn)行 slideToggle。隱藏 div 的第一個切換工作正常。第二個 slideToggle 沒有運(yùn)行（新的 div 只是加載而沒有動畫）。我花了幾個小時嘗試不同的事情（回調(diào)函數(shù)、.on、承諾、將第二個 slideToggle 函數(shù)放在代碼的不同部分，等等）。我終于通過使用 1 毫秒的 setTimeout 來讓它工作。盡管它有效，但我比以往任何時候都更加困惑，并且質(zhì)疑我生活中的一切。請幫助我了解發(fā)生了什么。工作代碼：changeCat:function(catName){    domObject.$positionsDiv.slideToggle(function(){        domObject.$positionsDiv.html('');        let yourCategories = getSubFolders(catName+"/");        if(catName==='s'){            tSCat.drawCats(yourCategories);        } else if(catName==='g'){            tGCat.drawCats(yourCategories);        }        setTimeout(function (){            domObject.$positionsDiv.slideToggle(function(){                resizeCanvas()            });        }, 1)    });},真正讓我困惑的是，如果我控制臺記錄目標(biāo) div 的高度。我希望最后調(diào)用的控制臺日志（“高度 5”）首先被調(diào)用。div 高度（“高度 3”）是在我調(diào)用第二個切換之前完全填充的 div 的高度（那么為什么它不起作用？）。非工作代碼（無超時，帶有控制臺日志）changeCat:function(catName){    domObject.$positionsDiv.slideToggle(function(){        console.log('height 1: ' + domObject.$positionsDiv.height())        domObject.$positionsDiv.html('');        console.log('height 2: ' + domObject.$positionsDiv.height())        let yourCategories = getSubFolders(catName+"/");        if(catName==='s'){            tSCat.drawCats(yourCategories);        } else if(catName==='g'){            tGCat.drawCats(yourCategories);        }        console.log('height 3: ' + domObject.$positionsDiv.height())            domObject.$positionsDiv.slideToggle(function(){                console.log('height 4: ' + domObject.$positionsDiv.height())                resizeCanvas()            });    });    console.log('height 5: ' + domObject.$positionsDiv.height())},控制臺日志按此順序返回，具有以下值：height 5: 359.333 height 1: 2214 height 2: 0height 3: 3744height 4: 324