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提交后显示成功，但是fadeOutfadeIn不能正常工作。提交 iframe 后立即淡出淡入，然后以白色快照重新加载。看起来不太好。

我什至尝试等待 iframe 重新加载然后淡入，但随后图像不再显示，我认为当我尝试将 fadeIn 函数放在另一个函数中时，图像不会显示。

我知道它有点冗长，但我们将不胜感激！ 谢谢你

Answer 1

经过一番研究，终于明白了 在 fadeIn(2000) 中添加了延迟； 谢谢