var dialog = $.dialog({ title: '查看凭证', content: 'url:/IncreaseCredit/ChaKanPzPopNew?Certificate_ID=' + Certificate_ID + '&Certificate_Type=' + Certificate_Type + '&Certificate_No=' + Certificate_No + '&InYear=' + InYear + '&InMonth=' + InMonth, 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, 1280, height: 750, zIndex:1800, drag:false,//禁止拖动 })
在弹层页也要注释掉这句
//$.dialog.setting.extendDrag = true;