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

最新推荐文章于 2018-03-27 00:05:13 发布

原创最新推荐文章于 2018-03-27 00:05:13 发布 · 338 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ui #ViewUI

jquery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种利用jQuery在网页上创建一个简单的模态对话框的方法。该对话框能够根据页面是在iframe内还是独立打开调整其加载方式，并在对话框中显示欢迎信息。

 function openDialog(){
        var $doc;
        if(window.location!=window.parent.location){// 页面在iframe中
            $doc=window.parent.jQuery.noConflict();
        }else{// 页面单独打开
            $doc=jQuery.noConflict();
        }
        $doc("body").append('<div id=dialog></div>');
        var dialog=$doc("#dialog");
        dialog.html("欢迎你");
        dialog.dialog( {modal: true});

    }