遇到了一个项目,里面用的都是原生的jquery-ui控件,开发过程中发现如果在dialog(弹出层)上设置一个日期选择控件,在调用时弹出的日期选择器被弹出层和遮罩层遮挡,因此查看了一下解决方案。在datepicker弹出前,修改z-index属性即可。代码如下:
beforeShow: function (i,e) { var z = jQuery(i).closest(".ui-dialog").css("z-index") + 4; e.dpDiv.css('z-index', z); }