jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)

 更新时间:2016年08月05日 15:54:55   作者:Quber  
这篇文章主要介绍了jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果,具有穿越iframe的功能,涉及jQuery的EasyUI插件属性操作相关技巧,需要的朋友可以参考下

本文实例讲述了jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果。分享给大家供大家参考,具体如下:

function openTopWindow(url, title, width, height) {
  title = title == undefined ? ' ' : title;
  width = width == undefined ? 800 : width;
  height = height == undefined ? 300 : height;
  if (url != undefined) {
    var content = '<iframe name="eui-open-page" scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:100%;"></iframe>';
    parent.$('#openWindow').window({
      title: title,
      width: width,
      height: height,
      content: content,
      modal: true,
      animate: true,
      minimizable: false
    });
  }
}

接下来需要在Layout主页面放置一个div区域即可:

<!--Open Window Begin-->
<div id="openWindow"></div>
<!--Open Window End-->

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结

希望本文所述对大家jQuery程序设计有所帮助。

相关文章

  • jQuery中ajax和post处理json的不同示例对比

    jQuery中ajax和post处理json的不同示例对比

    用了post方法去处理ajax回调的json数据,死活取不到,后台就是有json返回了,关于这个问题的解决方法如下,你若遇到可以看看
    2014-11-11
  • jQuery zTree如何改变指定节点文本样式

    jQuery zTree如何改变指定节点文本样式

    这篇文章主要介绍了jQuery zTree如何改变指定节点文本样式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • 从Ajax到JQuery Ajax学习

    从Ajax到JQuery Ajax学习

    从Ajax到JQuery Ajax学习
    2007-02-02
  • jQuery表单元素选择器代码实例

    jQuery表单元素选择器代码实例

    这篇文章主要为大家详细介绍了jQuery表单元素选择器代码实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • jQuery内容过滤选择器用法示例

    jQuery内容过滤选择器用法示例

    这篇文章主要介绍了jQuery内容过滤选择器用法,结合实例形式分析了jQuery中使用contains、empty、has、parent等进行内容过滤的操作技巧,需要的朋友可以参考下
    2016-09-09
  • jquery 添加节点的几种方法介绍

    jquery 添加节点的几种方法介绍

    添加节点的方法有很多,在本文将为大家介绍下jquery中添加节点几种方法,感兴趣的朋友可以参考下
    2013-09-09
  • jQuery使用之处理页面元素用法实例

    jQuery使用之处理页面元素用法实例

    这篇文章主要介绍了jQuery使用之处理页面元素用法,实例分析了jQuery针对元素的内容、复制、移动和替换等操作技巧,需要的朋友可以参考下
    2015-01-01
  • JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)

    JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)

    这篇文章主要是对JS和JQUERY获取页面大小,滚动条位置,元素位置的示例代码进行了介绍。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • 宝儿的zQuery库选择器简单原型

    宝儿的zQuery库选择器简单原型

    编写zQuery库初始起因一则是由于旧版的jQuery执行效率(现在的版本好像还可以),二则是对javascript语言的喜爱,每每总是亲历亲为,最后由于在项目中的需求,加入了对事件侦听机制的和DOM节点操作方法的扩展。
    2008-06-06
  • Jquery Ajax请求代码(2)

    Jquery Ajax请求代码(2)

    总结了一下了一下$.getJSON()一些应用,希望大家喜欢,首先我用的的是 Newtonsoft.Json.Net20.dll
    2011-01-01

最新评论