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

时间:2024-02-21 19:56:59

例如我们点击一个按钮,然后弹出我们需要的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);