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
- Bootstrap框架使用iframe及jQuery中load方法导致js失效问题
- jquery.load()会导致返回JS失效
- 解决jquery load加载JS失效问题
- 使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题
- jQuery中load方法使用
- 编码问题导致js失效
- jquery中使用append添加html导致onclick事件失效
- iframe框架之间js方法相互调用及数据传递
- jquery load方法使用
- jQuery.fileDownload.js successCallback方法失效的问题
- jQuery Mobile页面跳转导致css、js失效原因及解决方法
- jquery.form.js失效问题。
- $.load加载动态页面ie失效,js失效的问题
- js/jquery中刷新iframe方法(兼容主流)
- jquery 调用子iframe页面中js的方法
- jquery父窗口与iframe中js方法互相调用
- 【Web前端开发】Vue+AJAX+Bootstrap-table导致失效问题
- jquery ajax方法如load,get等 在chrome下失效的问题
- 划分子网掩码实战
- python中plt.imshow(img)显示不了图片
- JAVA集合中Collections和Collection的区别
- final类的运用
- NULL、0、nullptr 区别分析
- Bootstrap框架使用iframe及jQuery中load方法导致js失效问题
- Linux安全运维丨OpenSSH安全浅析
- Android 8.0 解决OkHttp问题:A connection to xxx was leaked. Did you forget to close a response body?
- 洛谷 P1273 有线电视网 树形dp
- Java图形用户界面绘图了解杂谈
- 阿兰·图灵
- Linux c 遍历文件夹下的文件名
- 顺序栈——将十进制转换为二进制
- 初见Java消息中间件之ActiveMQ