ajax iframe 重新加載后圖像未顯示

Question

我正在研究配置文件系統，當用戶單擊表單提交按鈕時，iframe 會重新加載，顯示用戶配置文件並更新內容。 重新加載工作正常，但第一次重新加載/刷新后圖像未顯示。 意味着當用戶訪問圖像時顯示成功，但是當用戶保存數據即更改圖像並將其保存時，iframe 中的圖像不會出現，我必須重新加載頁面然后圖像才會出現。

這是ajax成功碼

$("#profile_iframe").fadeOut("slow", function() { //fadesout the iframe
        $('#profile_iframe').hide().attr('src', (index, attr) => { //Reloads the iframe
          return attr;
        });
        setTimeout(() => {
          $('#profile_iframe').fadeIn('slow'); //fades in after reload
        }, 2000);
      });

其他內容刷新成功，只有圖片沒有顯示。 所以ajax沒有問題。

然后我嘗試了這段代碼

$("#profile_iframe").fadeOut("slow", function() {
        $('#profile_iframe').hide().attr('src', (index, attr) => {
          return attr;
        });
      });
      $('#profile_iframe').fadeIn('slow');

此處圖像在 ajax 提交后成功顯示，但淡出淡入無法正常工作。 提交 iframe 后，立即淡出淡入，然后以白色快照重新加載。 看起來不太好。

我什至嘗試等待 iframe 重新加載然后淡入，但隨后圖像不再顯示，我想當我嘗試將 fadeIn function 放入另一個 ZC1C425268E68385D14AB5074C17A 時，圖像不會顯示。

我知道它有點冗長，但我們將不勝感激！ 謝謝

Answer 1

最后經過一番研究，得到它在fadeIn(2000)中添加了一個延遲； 謝謝