$.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;