jQuery技术

jQuery判断子iframe 加载完成的技术解决

字号+ 作者:H5之家 来源:H5之家 2017-03-03 09:01 我要评论( )

当需要我们给当前页面动态创建Iframe子框架的时候,并且同时需要操作子Iframe里的方法的时候,我们发现无法成功实现。这是为什么

jQuery判断子iframe 加载完成的技术解决

[日期:2014-05-29] 来源:Linux社区  作者:abang888 [字体:]

当需要我们给当前页面动态创建Iframe子框架的时候,并且同时需要操作子Iframe里的方法的时候,我们发现无法成功实现。这是为什么呢?经小程总结,发现子Iframe还没有来的及加载完成,就去执行里面的方法,这是肯定失败的。所以今天,小程贴上代码,合大家共勉。如下:

/* FLASH 公交-IFrame
 * @parment string basstation          公交站
 * @return  null       
 */
function loadBusIframe( basstation ){
 $(".dynamic").append("<iframe id=\"BusIframe\" style=\"display:block;\" src=\"{:U('City/busIframe')}\" frameborder='0' scrolling=\"no\"></iframe>");
 var myFlashHeight = $(window).height()-39;
 $("#BusIframe").css({height:myFlashHeight});
 $("#BusIframe").load(function(){  //在这里load判断加载函数
  $("#BusIframe")[0].contentWindow.getBusStationInfos( basstation ); 
 });
 
}

--------------------------------------分割线 --------------------------------------

jQuery权威指南 PDF版中文+配套源代码

jQuery实战 中文PDF+源码

《jQuery即学即用(双色)》 PDF+源代码

锋利的jQuery(第2版) 完整版PDF+源码

jQuery完成带复选框的表格行高亮显示

jQuery基础教程(第4版) PDF 完整高清版+配套源码

--------------------------------------分割线 --------------------------------------

jQuery 的详细介绍:请点这里
jQuery 的下载地址:请点这里

本文永久更新链接地址:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 《PhoneGap Jquery Mobile Sencha Touch 跨平台移动软件开发视频

    《PhoneGap Jquery Mobile Sencha Touch 跨平台移动软件开发视频

    2017-03-02 15:02

  • 《JavaScript 与jQuery实战教程》(卢淑萍)【图片 简介 评论 价格

    《JavaScript 与jQuery实战教程》(卢淑萍)【图片 简介 评论 价格

    2017-03-02 15:01

  • jQuery Mobile 教程(精)

    jQuery Mobile 教程(精)

    2017-03-02 10:03

  • 代码实现jQuery保存textarea内容到本地

    代码实现jQuery保存textarea内容到本地

    2017-03-01 15:00

网友点评