$.dialog彈層---lhgDialog

var dialog = $.dialog({
                title: '查看憑證',
                content: 'url:/IncreaseCredit/ChaKanPzPopNew?Certificate_ID=' + Certificate_ID + '&Certificate_Type=' + Certificate_Type + '&Certificate_No=' + Certificate_No + '&InYear=' + InYear + '&InMonth=' + InMonth,
                width: 1280,
                height: 750,
                zIndex:1800
            });

可以設置彈層的z-index值，但是要駝峰寫法：zIndex

 

 關閉彈層：frameElement.api.close();

 

//處理bug:
            //當拖拽dialog框的時候會將.ui_main的visibility值設為visible，關閉彈層后會有灰色塊擋住內容，此時綁定一個click事件，當觸發關閉按鈕時修改css樣式可以解決此問題
            //此行為一定要在彈開層之后綁定，否則頁面沒有要操作的dom元素
            $(".ui_close")[0].onclick = function(){
                $(".ui_main").css({"visibility":"hidden"})
            }

 但是這樣會影響當前頁其他的dialog彈層的顯示問題，這種做法還不可用

 

dialog使用的lhgDialog彈窗提示窗口組件：http://www.lhgdialog.com/api/

在彈層關閉的時候出現bug：

ui_main的行內樣式visibility沒有改為hidden，導致一個灰塊遮擋了內容，如果用上面的方法解決，會影響該頁面其他的dialog，導致其他彈層打開后不顯示內容，或許可以每個彈層打開時加visibility:visible，但是這樣很繁瑣
現在的解決辦法是不要拖拽功能

var dialog = $.dialog({
                title: '查看憑證',
                content: 'url:/IncreaseCredit/ChaKanPzPopNew?Certificate_ID=' + Certificate_ID + '&Certificate_Type=' + Certificate_Type + '&Certificate_No=' + Certificate_No + '&InYear=' + InYear + '&InMonth=' + InMonth,
                width: 1280,
                height: 750,
                zIndex:1800,
                drag:false,//禁止拖動
            })

在彈層頁也要注釋掉這句

//$.dialog.setting.extendDrag = true;