Easyui弹出窗口在iframe中弹出被当前iframe遮罩的问题（解决方法）

最新推荐文章于 2021-06-21 10:03:26 发布

转载最新推荐文章于 2021-06-21 10:03:26 发布 · 513 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/haycco/archive/2012/05/16/3031424.html

文章标签：

#javascript #ViewUI

本文详细介绍了如何通过按钮点击事件触发并动态生成指定样式和功能的弹窗控件，该控件被添加到顶级窗口的body中，并提供了窗口的基本操作方法。实现过程包括创建动态div元素并附带属性，如标题、链接、宽度、高度等，同时定义了窗口关闭事件。此技术适用于网页或前端框架中，旨在简化用户界面的动态构建。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

例如我们点击一个按钮，然后弹出我们需要的Window控件窗口。

 1 //点击按钮
 2 var _testWindow =  window.top.$('testWindow');
 3   $('#testButton').click(function(){
 4         if(_testWindow.length <= 0) {
 5     _testWindow = window.top.$("<div id='testWindow'/>").appendTo(window.top.document.body);
 6         }
 7         _testWindow.window({
 8             title: "test",
 9             href: "/test/navigateServlet?viewName=test",
10             width: 650,
11             height: 400,
12             closed: false,
13             onClose : function(){ 
14                 _testWindow.window("destroy"); 
15             } 
16         });
17 });

其中解决的思路是，我们弹出框的div元素动态添加在顶级的window的Body中。

window.top.$("<div id='testWindow'/>").appendTo(window.top.document.body);

转载于:https://www.cnblogs.com/haycco/archive/2012/05/16/3031424.html