EasyUI 多个弹出框 设置z-index无效处理
css 设置无效,默认为9001
案例
// 创建一个EasyUI窗口 $('#myWindow').window({ title: 'My Window', width: 500, height: 300, modal: true, // 开启遮罩层 shadow: true, // 开启阴影 onOpen: function () { // 获取窗口的DOM对象 var windowDom = $(this).window('panel').panel('panel'); // 设置窗口的zIndex windowDom.css('z-index', 1000); // 获取遮罩层和阴影的DOM对象 var modalDom = $('.modal-overlay'); var shadowDom = $('.window-shadow'); // 设置遮罩层和阴影的zIndex,确保它们总是高于窗口 modalDom.css('z-index', 1000); shadowDom.css('z-index', 1001); // 阴影的zIndex比窗口高1 } });
使用
$("#parent_win1").window({ width: 600, height: 400, href: '/ButtJointAreas/GatherConfig/OprView?taskId=' + taskId + "&id=" + id, title: '修改', draggable: false, //定义是否能够拖拽窗口。默认值为 true。 resizable: false, //定义是否能够改变窗口大小。默认值为true。 onOpen: function () { var windowDom = $(this).window('panel'); windowDom.css('z-index', 9100); } });
弹窗其他使用:https://www.cnblogs.com/adc8868/p/6656568.html
作者:chenze 出处:https://www.cnblogs.com/chenze-Index/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 如果文中有什么错误,欢迎指出。以免更多的人被误导。 |