jquery ui 如何在frameset下遮罩全部页面。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery ui 如何在frameset下遮罩全部页面。相关的知识,希望对你有一定的参考价值。

我是对应谷歌浏览器的showModalDialog,想起用jqueryUI,
现在ui弹处后只在一个frame里面。
给个其他的解决方案也行。

要给 frame 一个 name
<frameset cols="151,*">
<frame id="left" name="left" src="left.jsp" />
<frame id="right" name="right" src="right.jsp" />
</frameset>

然后页面中的A标签制定打开的frame就可以了
<a href="right_new.jsp" target="right">在右边打开的链接</a>追问

在右边点超连接弹UI不能遮罩左边的frame。

参考技术A 个人猜测:
top.showModalDialog追问

谢谢,你猜错了。我是对应谷歌浏览器!

参考技术B jqueryUI.Dialog追问

在哪个frame里写就遮罩哪个frame,不会遮罩其他的frame。

追答

才明白你要干什么,在frame中找其父元素,然后插入一个和该frame大小一样的div即可

追问

frame的父元素就是frameset了。在frameset能添加div么?然后遮罩frameset下的所有frame?

求jquery easyui中使用的遮罩层(高亮层)代码,越简单越好!(要测试成功的!)

之前在网上找了一个,但发现其与easyui(如datagrid等)一起使用后,不起作用(遮罩层在datagrid上面或下面)!
我希望的代码是在生成dialog的同时,后边有遮罩层,并且希望代码独立,与dialog生成分开(其他地方也要用),dialog已可生成,只求独立的遮盖层代码!
希望高手提供源码!多谢!

参考技术A easyui 的 dialog 是继承自 window的,而 window中有modal这样的属性(见参考资料),就是用于打开模态的窗口的,也就是你说的有遮罩层的窗口。所以不需要额外的代码,仅需在dialog中设置这样的属性就可以了。我想这也是兼容性最好的解决方案。
如下:
<div id="dd" title="My Dialog" style="width:400px;height:200px;">
Dialog Content.
</div>
$('#dd').dialog(
modal:true
);

参考资料:http://www.jeasyui.com/documentation/window.php

本回答被提问者采纳
参考技术B http://hi.baidu.com/wzqiajng/blog/item/ed1c01d1f1d9fc2e970a1681.html
里面有

以上是关于jquery ui 如何在frameset下遮罩全部页面。的主要内容,如果未能解决你的问题,请参考以下文章

Jquery mobile中如何实现遮罩效果

求jquery easyui中使用的遮罩层(高亮层)代码,越简单越好!(要测试成功的!)

在frameset中的使用jquery点击单元格更改样式

html使用frameset连接页面jquery报错

element ui el-dialog 中嵌套 el-dialog 出现的遮罩层如何关闭?

jquery ui dialog autofocus 去掉默认第一个元素获取焦点