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 类来设置加载背景

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