PDF Iframe 上的事件已加载 - Javascript

Question

有没有最简单的方法可以在加载 <iframe>、<object> 或 <embed> 后立即调用函数？我只想在内容加载时显示 preloader.gif。 ready() 或 onload() 没有帮助。有什么建议吗？

<iframe src="<?php echo $file; ?>" id="read" width="100%" height="440" border="0"></iframe>

$('#read').ready(function () {
    $('#preloader').css('display', 'none');
});

Answer 1

您可以在不使用任何 javascript 的情况下执行此操作。只需将 iframe 包裹在一些 div 中，例如

<div class="iframe-wrapper">
    <iframe src="<?php echo $file; ?>" id="read" width="100%" height="440" border="0"></iframe>
</div>

并使用CSS class设置加载背景

.iframe-wrapper {
  background:url(../images/loader.gif) center center no-repeat;
}

PDF Iframe 上的事件已加载 - Javascript

Event on PDF Iframe is loaded - Javascript

pdf

iframe

jquery

loaded