我正在創建一個AJAX過渡到頁面,其中我有一個英雄圖像在兩個頁面上保持相同。 點擊一個鏈接後,我將圖像居中,在後面添加新的HTML,並淡出中心圖像。 問題是,即使有一個緩存的圖像(它是同一個文件),我看到圖像突然出現在後面(從AJAX響應,附加到DOM後渲染),當淡出前面的圖像。在添加到DOM之前,在AJAX響應中替換Div
即使在前面的圖像淡出時加入一點延遲,後面的圖像仍然沒有準備好。 (可能渲染只需要更多時間)。
我的選擇是等待Ajax圖像div完全呈現(我不知道該怎麼做),或者 - 這就是我想嘗試的: 替換(複製)在將其添加到DOM之前,在AJAX響應內的圖像。
這是否可能,它會幫助提高性能? 我也會嘗試在用AJAX響應替換內容後立即替換div。
任何提示仍然非常受歡迎。
歡呼