jquery - jquery 等到 iframe 被加载

Question

您好，当我以这种方式单击它时，我正在使用一个按钮来更改 iframe 的 src：

$("#iframe").attr('src',"someurl");

在加载新 URL 之前，有什么方法可以显示“请稍候”消息或 gif 加载器？

Answer 1

为什么不使用具有回调来管理显示文本的 jQuery.load 函数：

HTML

<button id="myLoadButton">Load</button>
<div id="Myiframe"></div>

JS

$('#myLoadButton').click(function(){
   $(this).text('Please wait...');
   $('#Myiframe').load('ajax/test.html', function(){
      $('#myLoadButton').text('Content loaded!');
   });
})

Answer 2

src 属性只是设置了框架的 url，但加载功能由 jquery 引擎维护。所以 ajax 全局函数等待 load() 函数完成

 $("#iframe").attr('src',"someurl");

首先确保 ajax 事件是异步的并使用它，

 $('#iframe').load('someurl');

这是在加载新 URL 之前显示“请稍候”消息或 gif 加载器的唯一方法