jquery 遮罩层指定位置

1.css


.datagrid-mask-msg {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 12px 5px 10px 30px;
  width: auto;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  display: none;
}

2. js


 this. WaitMessage2Position=function(msg, jqobj) {

        $("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: "100%", height: jqobj.height() }).appendTo(jqobj);
        $("<div class=\"datagrid-mask-msg\"></div>").html(msg).appendTo(jqobj).css({
            display: "block",
            left: (jqobj.outerWidth(true)) / 2, top: (jqobj.outerHeight(true)+390) / 2
        });
    }
    this. RemoveWaitMessage2Position=function(jqobj) {

        jqobj.find(".datagrid-mask").remove();
        jqobj.find(".datagrid-mask-msg").remove();
    }




3.调用


 DataGrid.WaitMessage2Position("正在加载中，请稍候。。", $("#home"));

4.移除


DataGrid.RemoveWaitMessage2Position($("#home"));

 

转载于:https://www.cnblogs.com/kexb/p/5344627.html