Question

【求助】jQuery动态创建iframe的一点疑问，求帮助！

如题：用jQuery动态创建一个iframe

$("#body").append("<iframe id='ifr' style='display:none;' src='a.html'></iframe>");

事先创建的时候先将iframe隐藏， 然后

$("#ifr").load(function(){

//表示框架已经加载完成.

$("#ifr").show();
})

问题：在上述已经通过show()将iframe显示， 结果iframe显示了，但是里面的内容不见了，一片空白，但我通过测试，发现src以及框架的显示状态都正常，请问是怎么回事啊？

Answer 1

$(document).ready(function(e) {
    $("#body").append("<iframe id='ifr' style='display:none;'></iframe>");
	$("#ifr").load("a.html",fnt);
	function fnt(){
		$("#ifr").show();
		}
});

Answer 2

iframe 没有设置宽高嘛
$("#ifr").load(url,function(){}) 其中的url没了

追问

我估计也是在load里面url丢失了，宽高都设置过， 只是这里没写， 在load里面怎么写？ 谢谢

追答

load(url, [data], [callback])

概述

载入远程 HTML 文件代码并插入至 DOM 中。

默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM
中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。请查看示例。

参数

url,[data,[callback]]String,Map/String,CallbackV1.0

url:待装入 HTML 网页网址。

data:发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。

callback:载入成功时回调函数。

示例

描述:

加载文章侧边栏导航部分至一个无序列表。

HTML 代码:
jQuery Links:

jQuery 代码:
$("#links").load("/Main_Page #p-Getting-Started li");

描述:

加载 feeds.html 文件内容。

jQuery 代码:
$("#feeds").load("feeds.html");

描述:

同上，但是以 POST 形式发送附加参数并在成功时显示信息。

jQuery 代码:
$("#feeds").load("feeds.php", {limit: 25}, function(){
alert("The last 25 entries in the feed have been loaded");
});