2011-04-11 145 views
1

我正在使用blockui进行“等待......加载”弹出。它工作正常,但有一个小问题:覆盖层仅覆盖捕获的屏幕,而不是滚动窗口。如果向右滚动,则宽度未完全覆盖(但高度已完全覆盖)。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

回答

0

阻挡元件应该是BODY标签的直接子。它应该被嵌套这样的:

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

而不是这个:

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

我只是不要有div标签......一切消息。 – James123 2011-04-11 17:28:18

+1

啊。尝试删除'

'标签。 – Daggar 2011-04-11 18:06:40