fancybox中弹出窗口的设置

来源:互联网 发布:程序员怀疑手游被抄袭 编辑:程序博客网 时间:2024/05/27 09:48

fancybox的弹出窗口右上角会自带一个关闭按钮,并且点击遮罩层也会关闭fancybox

有时我们不需要这样进行关闭,需要隐藏关闭窗口,并且遮罩层不可点击

即按如下操作:

在弹出窗口页面加一链接进行关闭,使用parent.$.fancybox.close();可进行对其关闭


以下为弹出页面的代码:

[javascript]
  1. function myclose(){  
  2.     parent.$.fancybox.close();  
  3. }  
  4.   
  5. <a  href="javascript:myclose();">关闭</a>  

需要注意的一点是父页面使用fancybox弹出窗口设置type必须为iframe模式
[javascript]
  1.          /**编辑   **/
            $("a.edit").fancybox({
                'width' : 733,
                'height' : 530,
                'type' : 'iframe',
                'hideOnOverlayClick' : false,//true
                'showCloseButton' : false,//true
                'onClosed' : function() {
                   window.location.href = '${pageContext.request.contextPath}/backjsp/centerManager/studentUpdate.jsp';//表示弹出的页面关闭时跳转到相应的页面
                }
            });
原创粉丝点击