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

最新推荐文章于 2018-06-05 08:12:06 发布

汪云飞记录本

最新推荐文章于 2018-06-05 08:12:06 发布

阅读量319

点赞数

分类专栏： jquery 文章标签： javascript ui ViewUI

本文链接：https://blog.youkuaiyun.com/wiselyman/article/details/84364637

版权

jquery 专栏收录该内容

6 篇文章

订阅专栏

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

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

 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});

    }