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;
}

加载PDF iframe上的事件 - Javascript

1 个答案: