Bootstrap框架使用iframe及jQuery中load方法导致js失效问题

来源:互联网 发布:unity3d棋牌游戏教程 编辑:程序博客网 时间:2024/06/07 04:59

试用了几个Bootstrap框架,发现页面的结构都是通过div拼接的上左右三栏,点击链接是直接跳转到了一个完整的新页面。而通常的后台管理系统界面中,需要类似多标签浏览器的效果打开多个独立页面,只能用iframe实现。
试了几种方法,在页面中直接include和用jQuery的load方法加载页面都出现嵌入的页面中的js代码无法执行的情况,最后找到解决方法,可以用以下代码实现:

$("#tab_"+id).append('<iframe id="iframe_'+id+'" name="iframe_'+id+'" style="border:0px;width:100%;height:100%;"/>');window.open(url,'iframe_'+id);

即在div中动态插入一个iframe,通过window.open加载一个页面,页面的地址是url参数,第二个参数是target,这里通过iframe的id关联。

阅读全文
0 0