Question

我希望显示加载.gif，直到所有内容都已加载，包括嵌入式iframe。但是，一旦所有内容都与gif分开加载，目前加载iframe就会消失。我怎样才能让它等到iframe也加载了？

目前使用此：

<script>
  $(window).ready(function() {
    $('#loadinga').hide();
  });
</script>

由于

Answer 1

<iframe name="xyz"></iframe>

<script>
  var expectedLoadCount = 2; 

  function checkEverythingLoaded() {
    expectedLoadCount--;
    if (expectedLoadCount > 0) return
    $('#loadinga').hide();
  }

  $("#xyz").on("load", checkEverythingLoaded);
  $(window).ready(checkEverythingLoaded);
</script>

Answer 2

假设您的iframe ID为iframeId

然后试试这个 -

<iframe id="iframeId" src="..."></iframe>

<script>
document.getElementById('iframeId').onload = function() {
$('#loadinga').hide();

  alert('iframe is loaded');
};
</script>

加载gif没有等待iFrame加载？

2 个答案: