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

例如我们点击一个按钮,然后弹出我们需要的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);
posted @ 2012-05-16 20:55  haycco  阅读(1962)  评论(0编辑  收藏  举报