Question

我正在使用blockui弹出“等待...加载”。它工作正常，但有一个小问题：叠加层仅覆盖捕获的屏幕，而不是滚动窗口。如果我向右滚动，宽度没有被完全覆盖（但是高度被完全覆盖）。

我只有宽度有问题。

<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        jQuery('#myAlert').click(function () {
            jQuery.blockUI({ message: '<center> <img src="/_layouts/1033/styles/ajax-loaderbar.gif" alt="Loading.." />
                <br />  <font size="2" face="Arial" >
                <b> Please wait... </b></font></center><br /> 
                <font size="2" face="Arial" ><b>while we load all your information.</b></font>'});
        });
    });
</script>

enter image description here

Answer 1

阻止元素应该是BODY标记的直接子元素。它应该像这样嵌套：

<html>
 <!-- etc -->
 <body>
  <div id="domMessage"></div>
  ...

而不是这个：

<html>
<!-- etc -->
 <body>
  <div id="some-other-div">
   <div id="domMessage"></div>
  </div>
...

blockui覆盖不覆盖整个页面？

1 个答案: