iframe中的jquery ui modal dialog 覆盖父窗口

简介:
Js代码   收藏代码
  1. function openDialog(){  
  2.        var $doc;  
  3.        if(window.location!=window.parent.location){// <span style="color: #ff0000;">页面在iframe中</span>  
  4.            $doc=window.parent.jQuery.noConflict();  
  5.        }else{// <span style="color: #ff0000;">页面单独打开</span>  
  6.            $doc=jQuery.noConflict();  
  7.        }  
  8.        $doc("body").append('<div id=dialog></div>');  
  9.        var dialog=$doc("#dialog");  
  10.        dialog.html("欢迎你");  
  11.        dialog.dialog( {modal: true});  
  12.   
  13.    }  

 

目录
相关文章
|
JSON 前端开发 JavaScript
【前端】使用jQuery封装一套UI组件 - 级联选择器组件
本篇文章来讲解下级联选择器组件 级联选择器,在实际项目中也是比较常用的组件,比如:省市区三级关联,上下级联动等 最后面会附上全部代码
1392 0
|
2月前
|
JavaScript
超炫酷UI效果的jQuery滑块插件
超炫酷UI效果的jQuery滑块插件
45 0
|
8月前
|
Web App开发 缓存 JavaScript
JQuery Kendo UI使用技巧总结
JQuery Kendo UI使用技巧总结
57 4
|
6月前
|
JavaScript
H-ui JQuery 给单选按纽赋值不生效
H-ui JQuery 给单选按纽赋值不生效
50 0
H-ui JQuery 给单选按纽赋值不生效
|
JavaScript 前端开发
vue2.0 + element-ui +iframe在页面 中嵌入外部网站
vue2.0 + element-ui +iframe在页面 中嵌入外部网站
349 0
|
JavaScript
JS/JQuery操作iframe元素
JS/JQuery操作iframe元素
jquery-easyui和jquery-ui的slider冲突解决
jquery-easyui和jquery-ui的slider冲突解决
|
JavaScript 前端开发 测试技术
JQuery iframe宽高度自适应浏览器窗口大小的解决方法
JQuery iframe宽高度自适应浏览器窗口大小的解决方法
285 0
|
JavaScript 前端开发 程序员
【前端】使用jQuery封装一套UI组件 - 是和否滑动切换组件
本篇文章来讲解下是和否的滑动切换组件 切换滑动组件,使用的场景实际上就是一个开和关的场景,一般有是和否,开和关,禁用和启用等等,只需要设置0和1即可
177 0
|
JavaScript 前端开发 程序员
【前端】使用jQuery封装一套UI组件 - 可编辑下拉框组件
下拉框也是比较常用的组件,对应原生的下拉标签就是select 本篇文章就来讲讲可编辑下拉框组件的封装过程
380 0

热门文章

最新文章

相关课程

更多