fancybox中彈出窗口的設置

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';//表示彈出的頁面關閉時跳轉到相應的頁面
                }
            });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章