jquery等到iframe加载

时间:2012-07-16 08:49:31

标签: jquery iframe load

您好,我正在使用按钮来更改iframe的src,当我点击它时:

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

在加载新网址之前,有没有办法显示“请稍候”消息或gif加载程序?

2 个答案:

答案 0 :(得分:5)

为什么不使用具有回调来管理显示文本的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!');
   });
})

答案 1 :(得分:0)

src属性只是设置了帧的url,但是load函数是由jquery引擎维护的。所以ajax全局函数等待load()函数完成

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

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

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

这是显示&#34;请等待&#34;的唯一方法。消息或gif加载程序,直到加载新URL