在java开发中,多级弹框的情况就要考虑使用遮罩层将下层“遮”起来,防止交叉操作。
如何实现遮罩层:
1:定义遮罩层
重要属性:
首先display:none 先隐藏起来;
Z-INDEX 三维中z坐标的高度 ,一定在你想遮罩和显示层中间;
opacity:不透明度 根据实际情况进行设置;
2:在需要的时候 ,显示遮罩层
如上图:当人员为空时,显示遮罩层,弹出提示框,遮住了提示框下面的元素。
当提示框确认时,隐藏遮罩层。
这里的showMask hideMask
$(“#id”).attr("display","block")
$(“#id”).attr("display","none")
也可以用
$(“#id”).show();
$(“#id”).hide();//show/hide是jquery里的函数
另外还有当点击提示框的取消按钮时,也应该隐藏遮罩层,
$("a.bui-ext-close").click(function(){
hideMask("mask");
});
在外面写没有用,因为找不到这个元素所以绑定无效,要写在这个元素出现的地方即可。