`
wiselyman
  • 浏览: 2096771 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
博客专栏
Group-logo
点睛Spring4.1
浏览量:82526
74ae1471-94c5-3ae2-b227-779326b57435
点睛Spring MVC4...
浏览量:130918
社区版块
存档分类
最新评论

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

 
阅读更多
 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});

    }

 

分享到:
评论
2 楼 sun2430987 2014-03-13  
在弹出的dialog中如何使用jquery.validate呢,现在我是validate无效
1 楼 chenjigang 2014-02-27  
不行哦。弹不出来。

相关推荐

    JQuery UI Dialog

    当 bgiframe 属性被设置为 true 时,JQuery UI Dialog 将在 IE6 下使用 iframe 来覆盖 select 元素,以确保对话框能够正确地显示。 三、width 和 height 属性 width 和 height 属性用于设置对话框的宽度和高度。...

    jquery-ui_dialog属性学习.txt

    ### jQuery UI Dialog 属性详解 #### 一、`autoOpen` 属性 - **默认值**:`true` ...以上是 jQuery UI Dialog 插件中常用的一些配置选项,通过这些选项我们可以非常灵活地定制和管理对话框的行为和外观。

    jqdialog:jqueryUI 与 iframe

    jQuery UI Dialog是一款基于jQuery库的强大对话框组件,它提供了丰富的可定制化选项和多种交互模式,如模态对话框、非模态窗口、拖动、调整大小等功能。在某些场景下,我们可能需要在Dialog中嵌入外部页面或者动态...

    Jquery dialog

    jQuery Dialog 是 jQuery UI 库中的一个核心组件,它提供了一种优雅的方式来创建可自定义的弹出对话框。这个组件不仅外观美观,还具有丰富的功能,使得开发者能够轻松地在网页应用中实现各种交互式窗口。在本文中,...

    修改jquery里的dialog对话框插件为框架页(iframe) 的方法

    总结来说,通过扩展jQuery UI的Dialog插件,我们可以轻松地创建包含IFrame的对话框,从而实现在模态窗口中加载外部网页的功能。这为开发者提供了更多的灵活性,特别是在处理复杂交互或需要独立环境的场景中。

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    EasyUI提供了一种方式,通过`parent`关键字来访问父窗口的对象,从而调用其上的函数。假设在父页面上有一个名为`updateParentData`的函数,可以在子页面中这样调用: ```javascript parent.updateParentData('子...

    jQuery弹出层插件大全

    除此之外,还有其他一些jQuery弹出层插件值得一提,例如jQuery Modal Dialog和jQuery UI。jQuery Modal Dialog是一个独立的插件,提供错误提示、自动关闭、显示/隐藏、关闭按钮、对话框标题和宽度等特性。jQuery UI...

    dialog ui jquey .net c# 弹出对话框

    首先,让我们深入了解jQuery UI中的`dialog`组件。jQuery UI提供了丰富的UI元素,其中包括对话框功能。通过使用`dialog`,我们可以创建模态或非模态的窗口,这些窗口可以用来显示信息、警告、确认或其他交互式内容。...

    Jquery自带弹出框效果

    当我们谈论“Jquery自带的弹出框效果”时,实际上是指jQuery UI中的几个对话框组件,如`dialog()`函数。这些弹出框不仅提供了基本的提示功能,还能实现复杂的交互式窗口,为用户界面添加丰富的用户体验。 1. **...

    5个Jquery模态窗口

    而“模态窗口”(Modal Window)是一种用户体验设计中的技术,用于在用户与主页面交互时弹出一个覆盖在当前页面上的独立窗口,通常用于显示警告、确认对话框或者展示详细信息,而不会中断用户的浏览流程。...

    jQuery弹出层与浮动层

    jQuery提供了一些插件,如jQuery UI的Dialog或者Bootstrap的Modal,来方便地创建弹出层。 1. jQuery UI Dialog: jQuery UI的Dialog组件可以将任何HTML元素转化为一个具有可定制标题、按钮和关闭功能的弹出窗口。...

    Jquery模态窗口

    在Web开发中,模态窗口(Modal Window)是一种常见的交互设计元素,用于在用户与主页面交互时展示额外信息或进行特定操作,而不会离开当前页面。jQuery,作为一款轻量级、功能丰富的JavaScript库,提供了多种实现...

    jQuery点击弹出窗口放大图片和PDF文件预览插件.zip

    2. **弹出窗口**:可能是使用模态对话框(modal dialog)或者浮动层(lightbox)实现,用于显示图片或PDF预览。jQuery UI和Bootstrap都提供了创建此类效果的工具。 3. **图片预览**:可能使用`&lt;img&gt;`标签的`src`属性...

    JQuery的7个经典插件

    以下是7个jQuery的经典插件,它们在实际项目中非常常见,覆盖了日历、表单、统计图和弹出窗口等多种应用场景。 1. **jQuery UI** jQuery UI是官方提供的一个强大的组件库,包括日期选择器(Datepicker)、对话框...

    jquery各种弹出层效果

    在网页设计中,弹出层是一种临时覆盖主页面内容的窗口,通常用于显示警告、确认信息或者提供额外的操作选项。jQuery提供了多种方法来创建和控制这些弹出层,使得开发者能够方便地实现复杂的用户交互。 1. **jQuery ...

    Jquery弹出层插件

    6. **jQuery UI Dialog**:jQuery UI库中的Dialog组件提供了丰富的交互式弹出层功能,包括拖动、缩放、自动调整大小等。它可以作为模态或非模态对话框使用,支持多种主题和自定义配置。 7. **Magnific Popup**:...

    常用弹出框

    在jQuery中,实现这样的弹出层可以使用插件,如jQuery UI的Dialog组件,或者自定义代码来创建。 1. **jQuery UI Dialog**:jQuery UI是一个官方的jQuery扩展库,提供了许多用户界面组件,包括Dialog。使用Dialog,...

    jquery弹出层

    对于更复杂的弹出层需求,可以借助jQuery插件来实现,例如`jQuery UI Dialog`、`Bootstrap Modal`、`Magnific Popup`等。这些插件提供了丰富的配置选项和预设样式,使得弹出层的创建更加便捷。 #### 1. jQuery UI ...

    d另一种树形控件,dialog 另一种活用 用iframd的方式加载其他jsp

    在Web应用中,我们可以使用JavaScript库的对话框组件,例如Bootstrap的Modal或jQuery UI的Dialog。 接下来,关键点在于使用IFrame(内联框架)来加载其他JSP页面。IFrame允许在当前HTML文档中嵌入另一个HTML文档,...

Global site tag (gtag.js) - Google Analytics