【iframe】关于一个页面多个iframe,并隐藏显示的问题.

问题描述

提示：这里描述项目中遇到的问题：

一个页面有两个及两个以上的iframe,加载页面时,隐藏其中一个,点击显示另一个时,不执行JS.(页面加载一次后不能刷新,因为页面有保存临时操作的数据)

原因分析：

可能是父页面在加载时就已经执行了.你在点击显示后,iframe页面的内容不知道加载到哪里去了.

---

解决方案：

动态给iframe赋src值,并在父页面中设置全局变量,只有在执行第一次的时候才去赋值,其它时候只隐藏或者显示.
var tt1= false;
var tt2 = false;
//设置各个列表展示或者隐藏
function TestShow(number) {
$("#test1").hide();
$("#test2").hide();
switch (number) {
case 1:
$("#test1").show();
if (!tt1) {
$("#test1iframe").attr(“src”, “地址”);
tt1= true;
}
break;
case 7:
n = 7;
$("#test2").show();
if (!tt2) {
$("#test2iframe").attr(“src”, “地址”);
tt2= true;
}
break;
}
}
就这样吧.之前还想过设置z-index,但后面考虑下还是这样要方便的.本身对css也不是很顺.如果有更好的办法也希望大家交流一下.浪费两小时在网上各种找解决方案.