jquery - 在 Iframe 内容完全加载到 colorbox 之前，加载 gif 图像会停止

Question

我面临的问题是加载动画旋转图像在内容完全加载到模式弹出窗口之前停止。我的意思是，由于从服务器(aspx 页面)检索大量数据，页面需要几秒钟的时间来加载模式中的内容，我在页面中看到的是空白区域而不是加载旋转。有什么方法可以让加载图像工作直到内容完全加载。

我选择的路线是使用 colorbox 中的事件，我不确定我是否可以实现它。

  $('#cboxLoadingGraphic').show();

这个调用从 colorbox 加载图像

onLoad: function() { $('#cboxLoadingGraphic').show();}, 
    onComplete: function() {  if($(this) != "undefinded"){ $('#cboxLoadingGraphic').show();} }, 

上面的代码不起作用，因为首先元素是空的，它移动到 .show() 方法。我想要实现的是 onComplete 或 onload，我如何使用 js/jquery 检查内容或元素已完全加载，以便我可以在内容加载时显示()，并在内容完全加载时隐藏()。

谢谢。

Answer 1

您使用 iframe 属性吗？如果是这样，在 colorbox 1.3.16 中，您可以将 fastIframe 属性设置为 false 以延迟删除加载图形，直到触发 iframe 元素的 onload 事件。示例:

$('a.myIframe').colorbox({iframe:true, width:500, height:500, fastIframe:false});